How To Add Facebook Like Button To Blogger Posts

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

Preview

၁။Sign In Blogger

၂။ Template

၃။ Edit HTMl

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

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

<data:post.body/>

၆။ ေတြ႕ၿပီးဆုိရင္ <data:post.body/> ရဲ႕ အေပၚ/ေအာက္ တြင္ ေအာက္က Cond ကုိ ထပ္ထည့္ေပးလုိက္ပါ။ မွတ္ခ်က္။   ။ ဆုိလုိသည္မွာ-<data:post.body/> ရဲ႕ အေပၚမွာ ထည့္ရင္ ပုိ႔(စ္)ရဲ႕အေပၚမွာေပၚပါတယ္။ ထုိနည္း၎ပဲ ေအာက္မွာ ထည့္ရင္ ပုိ႔(စ္)ရဲ႕ ေအာက္မွာေပၚပါတယ္။

<!-- Facebook Like Button Start  (By-http://mrthangming.blogspot.com)-->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<div style='float:left;padding:5px 5px 5px 0;'>

<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=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:440px; height:35px;'/>

</div>

</b:if>

<!-- Facebook Like Button End (By-http://mrthangming.blogspot.com)-->

မွတ္ခ်က္။  ။ Facebook Like Button ေတြကုိ ပုံစံ/ျမင္ကြင္း အမ်ဳိးမ်ဳိးနဲ႔ ေျပာင္ျခင္းရင္ ေအာက္ ဇယား တြင္ျပေပးထားတဲ့ အတုိင္ျပဳျပင္ ေျပာင္လဲနုိင္ပါတယ္။

Like button type	Query	Value	Width & Height
	layout	standard	W: 450px H: 35px (80px w photos)
		button_count	W: 90px H: 20px
		box_count	W:55px H: 65px
	colorscheme	dark	n.a.
	action	recommend	n.a.

အေပၚက ဇယားကုိၾကည့္ပါ  layout=standard   ေနရာမွာ နွင့္  width:440px; height:35px; မွာပဲ ေျပာင္ေပးရပါတယ္။ ေအာက္က Cond အတုိင္ေပါ့။

&quot;&amp;layout=standard &amp;show /  overflow:hidden; width:440px; height:35px;'/>

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