How to Add A Comment Count Bubble To Blogger Post Titles ~ သဘာ၀ရဲ႕အာဟာရ

6 Nov 2012

How to Add A Comment Count Bubble To Blogger Post Titles

Tuesday, November 06, 2012 Taunzalat

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/AVvXsEjc9Zi6CACl4PLz9nZ2F76dQQX1-6xPYv9rq1PC3f5xI47OQenHR89Vh2DfZOS59cg3GhOr5AuFph5ZFrjqQrye4vQ90RgkKsxOY9iO5GrjXMLBAOp9Qr7DkO83oPQxQ6_1e7H6YDfesaXd/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 posts