How To Add Facebook like Button To Blogger Comments

ဒီပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့ Comment Box ရဲ႕ အေပၚမွာ Facebook Like Button ထည့္နည္းေလးပါ။ သိၿပီးၾကေသာ မိတ္ေဆြေတြလည္းမ်ားနုိင္သလုိ မသိေသးတဲ့ မိတ္ေဆြေတြလည္းရွိေကာင္းရွိနုိင္ပါတယ္။ ဒါေၾကာင့္ မသိေသးတဲ့မိတ္ေဆြေတြအတြက္ ထပ္ေ၀မွ်ေပးလုိက္တာပါ။ ႀကဳိက္ၾကမယ္လုိ႔လည္းေမွ်ာ္လင့္ပါတယ္။ ေအာက္မွာ Demo သြားၾကည့္လုိ႔ရေအာင္ လင့္(ခ္) နွင့္ တကြ Cond ထည့္နည္းကုိလည္း ျပေပးထားပါတယ္။

Preview

၁။Sign In Blogger

၂။ Edit HTML

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

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

<data:postCommentMsg/>

၅။ ေတြ႕ၿပီးဆုိရင္ <data:postCommentMsg/> ရဲ႕ သုံးေၾကာင္းေျမာက္ေအာက္တြင္ ေအာက္က Cond ကုိ ထည့္ေပးလုိက္ပါ။

<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji-g9g7ndU2FvCk3YyBSDYj6b6jY6rzNoD5hnboT8WD9H8asx4ukLRl2_QEOa2EvykEMdqOHhEUbJP1eD_elhNAoi4Wp58CzmYe9tuwVmQfwjHQdQXp0w8PzynsvF4O06ATVg6NUHTx2Fe/s1600/best+blogger+tips.png'/></a><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

ေအာက္က Cond လုိမ်ဳိးထည့္ေပးရင္ရပါၿပီး ဥပမာ-အေနျဖင့္ ေအာက္က Cond ကုိ ၾကည့္ပါ။

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

      <p><data:blogCommentMessage/></p>

      <data:blogTeamBlogMessage/>


<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji-g9g7ndU2FvCk3YyBSDYj6b6jY6rzNoD5hnboT8WD9H8asx4ukLRl2_QEOa2EvykEMdqOHhEUbJP1eD_elhNAoi4Wp58CzmYe9tuwVmQfwjHQdQXp0w8PzynsvF4O06ATVg6NUHTx2Fe/s1600/best+blogger+tips.png'/></a><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

It will now look like this :

အားလုံးအဆင္ေျပၿပီးဆုိရင္ Save Template ကုိ နုိပ္ေပးလုိက္ပါ။