W w W. N y I n @ y M i N. o R g

04 February 2014

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(http://2.bp.blogspot.com/-7FFIKA34Kvw/T4x9E0RmA0I/AAAAAAAAALI/03AG305CesI/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​မွာ ​ရွိ​တဲ့ ​အ​နီ​ေရာင္ ​လင့္​ေန​ရာ​မွာ ​အ​စား​ထိုး​ေပး​ႏိုင္​ပါ​တယ္.)

bubble comment count, bubble blogger postsblogger comments, comment countblogger blogspot, blogger commentsblogger bubble comment countcomments in blogger titlesblogger tips, blogger tricksblogger widgets, bubble comment countbubble comment countBubble Comment CountBubble Comment Count, blogger blogspot



{​အ​ျခား​ေသာ ​နည္း​ပ​ညာ​ႏွင့္ ​ပါတ္​သက္​ေသာ ​အ​ေၾကာင္း​အ​ရာ​မ်ား​ကို 
http://www.nyinaymin.org ​မွာ ​ဝင္​ေရာက္ ​ေလ့​လာ​ႏိုင္​ပါ​တယ္}

0 comments:

Post a Comment