Blogger : Bubble Comment For blogger

ကၽြန္ေတာ့္ ဘေလာ့ထဲကလိုမ်ိဳး ကြန္မန႔္ ေဘာ္လုံးေဘာင္စ္ေတြ လိုထည့္ခ်င္ရင္ေတာ့ ေအာက္ကအတိုင္း ဆက္လုပ္ လိုက္ပါ။ ကၽြန္ေတာ္ထည့္ျခင္းရဲ့ အေၾကာင္းအရင္းကေတာ့ ဘေလာ့ကို ရွင္းလင္းေစၿပီးေတာ့ ဘေလာ့နဲ႔မတူ ေအာင္ ျဖစ္ေစခ်င္တာ ပါပဲ။ ဘေလာ့မွန္းမသိရေအာင္ေစ တဲ့သေဘာပါပဲ၊ ဥပမာ တစ္ျခား word press စတိုင္ေတြေပါ့ဗ်ာ..။ ကယ္ စတိုင္လုပ္ ခ်င္တဲ့ ဘေလာ့ဂါ ေမာင္ႏွမေတြ ေအာက္မွာ ၾကည့္လိုက္ၾက ရေအာင္..

နည္းလမ္း

• Blogger > Layout > Edit HTML -  Expand widget Template
• ]]></b:skin> ကိုရွာၿပီးေတာ့ ေအာက္ကကုဒ္ေတြကို bskin အေရွ႕မွာထည့္ေပးလိုက္ပါ။

.comment-bubble {float : right;width : 48px;height : 48px;background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKCiRMDubcQWM0_0jCuhzkjzp8DE5E-Kj2tZhTgW4Q4FHQCkHK2gF7a6L7jwUFy8Ni_iEjkbckq-APELwV6sHCJfBnTYhoJd9yLQAjLgzIJFKTZV_dmUUyjxlJzVVRWPQmu6fUBG-0-80j/s1600/Comment+Bubble+%2815%29.png) no-repeat;font-size : 18px;margin-top : -15px;margin-right : 2px;text-align : center;position:right;}

•  ၿပီးရင္ ေအာက္ကကုဒ္ေတြရွာၿပီးေတာ့ ဟိုးေအာက္ကကုဒ္ကို ဒီကုဒ္အေနာက္မွာ ျဖည့္ေပးလိုက္ပါ။

ဒီကုဒ္ကိုရွာပါ/ႏွစ္ခုေတြ႕ပါက ပထမအခုမွာေရြးလုပ္ပါ။
<h3 class='post-title entry-title'>

ၿပီးရင္ဒီကုဒ္ကို အေပၚက ကုဒ္အေနာက္မွာျဖည့္ေပးလိုက္ပါ။
<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> 

 ကြန္မန႔္ေဘာင့္စ္ပုံေျပာင္းခ်င္ရင္ေတာ့ ပထမဦးဆုံး ေကာ္ပီထားတဲ့ ကုဒ္မွာ အျပာေရာင္ ထည့္ထားေပးတဲ့ ေနရာမွာ ကိုယ္ပိုင္ ပုံနဲ႔ လင့္ခ္ ျပန္ျဖည့္နိုင္ပါတယ္ခင္ဗ်ာ..။ အဆင့္ေတြ အားလုံးၿပီးရင္ Save လုပ္ေပးလိုက္ပါခင္ဗ်ာ...၊ အဆင္ မေျပခဲ့ရင္ ကြန္မန႔္ေလးနဲ႔ တစ္ကြ စာေတြ ထားခဲ့ေပးပါ။ အားလုံး ဘေလာ့ဂါ ေမာင္ႏွမေတြ အဆင္ေျပၾကေစဗ်ာ..