Tutorial butang LIKE Facebook di entry blog
 |
| Tutorial LIKE Facebook |
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='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show-faces=true&width=120&height=40&action=like&colorscheme=light"' 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