Monday 24 September 2012

How to Add A Comment Count Bubble To Blogger Post Titles


Step 1.

ဒါကေတာ့ ဘေလာ့ကာပုံစံ အေဟာင္းအတြက္ သြားရမည့္နည္းပါ:
  • Go to Dashboard - Design - Edit HTML - Expand Widget Template (make a backup)
ဒါကေတာ့ ယခုလက္ရွိသုံးေနရတဲံ ဘေလာ့ကာ အသစ္ပုံစံအတြက္ ထည့္နည္းပါ:
  • Go to Dashboard - Template - Edit HTML - Proceed - Expand Widget Template (make a backup)
  • ေအာက္မွာ ပုံေလးနဲ႕ ရွင္းျပထားေပးပါတယ္.....
  •  
  •  

 
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/AVvXsEhYCJMQhUZpdHYKZMtYalVQjsnCGjuAn0tGXhy8sF7hQDRykmmJvpKo6UJsgJEB77DS-_6LlK6U77rmXfFMtWOZp9gkesb9W3U6uK9nYdPSxcVWxHe7xuO-dUWgRNVJEM6gAHP3-CNoFEhK/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

ေအာင္ေအာင္(မကစ)
www.ledimyethar.com
www.depelyin.co.cc
www.aungkyaw.com

0 comments:

Post a Comment