05 August 2012

Tutorial butang LIKE Facebook di entry blog

Tutorial LIKE Facebook
Tutorial LIKE Facebook
Selamat sejahtera kepada semua rakan. Moga ceria-ceria selalu.

Pertanyaan oleh Saudari Lana tentang hendak memasukkan butang LIKE Facebook ke setiap entry. Mungkin banyak tutorial yang dikongsikan oleh rakan-rakan tetapi Sop kongsikan juga di sini untuk Lana dan mungkin rakan yang sedang mencari juga.

Pertama yang perlu didapatkan ialah butang LIKE dari Facebook dari laman Facebook Developers

Setelah mendapat kod yang diperlukan, seterusnya proses masukkan kod ke blog.

Masukkan edit HTML, Expand Widget Templates

Cari kod <data:post.body/>
Jika menggunakan "readmore hack", pasti ada lebih dari satu kod <data:post.body/> tersebut. Boleh masukkan ke semua kod LIKE FB sebelum <data:post.body/>.


<div style='float:right; margin-right:5px;'>
KOD LIKE FACEBOOK
</div>

Jika ingin butang LIKE Facebook ingin berada di sebelah kanan. Tukar left jika ingin letak butang LIKE Facebook.

Contoh seperti berikut yang Sop pasang sekarang:

<div style='float:right; margin-right:5px;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show-faces=true&amp;width=120&amp;height=40&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:120px; height:40px'/></div>

Sebelum simpan, preview dahulu untuk memastikan tiada sebarang masalah.

Simpan.

Selamat mencuba :)


EmoticonEmoticon