How to Add A Comment Count Bubble To Blogger Post Titles

Step 1.

►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  Dashboard  ကိုသြားလိုက္ပါ။
►3-  Template    ကိုကလစ္ပါ..။
►4-  Edit  Html   ကို၀င္ပါ..
►5- Ctrl+F  (သို႕မဟုတ္) F3  အကူညီျဖင့္

Step 2. (CTRL + F) အကူညီျဖင့္ ေအာက္ကကုဒ္ကိုရွာလုိက္ပါ

]]></b:skin>

Step 3. Place this code just above ]]></b:skin>:

.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Ca75dKzxQHk0l1iesb49lxsFsFDdINjtD2hNeeJfFqpQZFWS07S2t9yyacPox6OOI-xLQzwDhDNv1xZXez366E2Pt_ZJA0mC1WBU5aOVl8ibgKTXBqudBdo8QqUOg4WEwwDUqbB-Ats2/s1600/speech+bubble+green.png);
background-repeat: no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
}

Step 4. ေအာက္ကကုဒ္ကို ရွာလုိက္ပါ:

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>

Note:   အေပၚကကုဒ္မေတြ႔ပါက ေအာက္ပါကုဒ္ကိုရွာပါ။.

<b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>

Step 5. ကုဒ္ေတြ႕ျပီဆိုတာနဲ႕ သူ႕ေနာက္ကေန ေအာက္ကကုဒ္ကို ထည့္ေပးလုိက္ပါ:

<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>

Step 6. ဆက္ျပီး  Preview  ျဖင့္ၾကည့္လိုက္ပါ ok,ျပီဆိုတာနဲ႕  Save the Template. လုပ္န္ိဳင္ပါတယ္။

ေရြးခ်ယ္နိဳင္ရန္ ပုံေလးမ်ား (မိမိႏွစ္သက္ရာပုံရဲ႕လင့္ကို step 3မွာ ရွိတဲ့ အနီေရာင္ လင့္ေနရာမွာ အစားထိုးေပးနိဳင္ပါတယ္.)

ဘေလာ့ခရီးသည္