Tutorial #24 : Letak FB Like Button Setiap Entry/Post [Re-post]

Apr 17, 2011 - ♛Posted by : ♕ Mr.IX ♂ at 3:21 PM
INTRO # Pada mulanya aku mencari Tutorial untuk letak Like Page Facebook untuk Page Blog aku di Facebook, pastu terjumpa lak tutorial untuk letak Like Button pada setiap entry/post blogger ni.. So alang-alang tu wat la dua Tutorial LIKE-LIKE dalam Blog ni..
p/s : Kat sebelah Kanan tu ada Butang LIKE untuk Page Blog ni di Facebook.. Sila lah LIKE yer.. Dia auto-publish. [Rujukan : Tutorial-23-Letak-FB-Like-Page-Button]

1. Buka Blogger Dashboard >> Design >> Edit HTML >> Expand Widget Template
(p/s: sila backup template dengan 'Downlod Full Template')

2. Search/ Ctrl + F Code tersebut :  [Rujukan Post Daripada Blogger Misztrex]
<data:post.body/>
p/s: Kalau Korang ada 'Read More' Button : Code yang perlu di cari :
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
3. Copy Code di bawah ni, kemudian Paste pilihan Code di BAWAH :
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>
p/s: Tukar 'Light; Kepada 'Dark' ; Bergantung pada Background Template..
p/s : Kalau nak letak LIKE BUTTON ni ATAS Post.. Sila Paste SEBELUM code  : <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>    atau   <data:post.body/>
Kalau nak letak LIKE BUTTON ni BAWAH Post.. Sila Paste SELEPAS code  : <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>    atau   <data:post.body/>
[Rujukan Post Daripada Blogger BudingYun]
4. Klik Preview, Okay!? Save Template...

p/s : Kalau korang Malas nak komen, tekan LIKE pun dah memadai...hehe~~
p/s 2:  Aku Ubah Tutorial ni selepas melihat dan LIKE post Cerpen FaizalSulaiman, Tak perasan lak bila aku tekan LIKE tu, dia auto-publish dalam FaceBook la...oicc~~