How To Add A Comment Bubble Just Next To Blogger Post Titles

၁။Sign In Blogger
၂။ Template
Cond ေပါင္းထည့္ရမွာ စိတ္မခ်ပါက Backup/Restore အရင္လုပ္ေပးသင့္ပါတယ္။
၃။ Edit HTMl

၄။ Proceed
Expand Widget Templates ကုိအမွန္ျခစ္ေပးလုိက္ပါ

၅။ ေအာက္က Cond ေလးကုိရွာပါ။Ctrl + F ကုိတြဲနုိပ္၍ရွာပါ ၊ ရွာရလြယ္ပါတယ္။

                                        ]]></b:skin> 

၆။ ေတြ႕ၿပီးဆုိရင္ ]]></b:skin> ရဲ႕ အေပၚမွာ ေအာက္က Cond ကုိ ထပ္ထည့္ေပးလုိက္ပါ။

.comment-bubble { float: right; width: 48px; height: 48px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi86ZY-axjwKDMjSv07ZIq3m0F3sETYAma-JnyX2ZnyGYfWWHjbZK7gWTbu-kPmscvjCiXIfiCw_bsIAE7hjx8Lm3pawETXCuU0RFIZE_oGOk7W_RBuF_tJgtfvA-0xzR5fnM9Ssl-yefPY/s1600/blue.png) no-repeat; font-size: 18px; float: right; margin-top: -15px; margin-right: 2px; text-align: center; position: float; text-align: center; }

၇။ ေအာက္က Cond ကုိ ထပ္ရွာပါ။

<b:if cond='data:post.link'>  

၈။ ေအာက္က Cond နွင့္ လဲေပးပါ။  "(<b:if cond='data:post.link'> ကုိ ျဖဳတ္ၿပီး ထုိေနရာမွာ ေအာက္က Cond ကုိ အစာထုိးေပးပါ)"

<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> <b:if cond='data:post.link'>

၉။ အားလုံးထည့္ၿပီးသြားရင္ Save Template ကုိ နုိပ္ေပးလုိက္ပါ။

မွတ္ခ်က္။  ။ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi86ZY-axjwKDMjSv07ZIq3m0F3sETYAma-JnyX2ZnyGYfWWHjbZK7gWTbu-kPmscvjCiXIfiCw_bsIAE7hjx8Lm3pawETXCuU0RFIZE_oGOk7W_RBuF_tJgtfvA-0xzR5fnM9Ssl-yefPY/s1600/blue.png  ဒီ Cond ကေတာ့ ပုံရဲ႕ Link ျဖစ္ပါတယ္။ ထုိေနရာမွာ မိမိႀကဳိက္တဲ့ ပုံ ရဲ႕ ေျပာင္းထည့္နုိင္ပါတယ္။