Tutorial Facebook "Like" Untuk Blogger


Bagi semua pengguna Facebook, tentunya arif tentang butang "Like". Baru-baru ini Facebook telah melancarkan plugin. Bagi pengguna WordPress, mudah kerana hanya install plugin tersebut dan aktifkan. Bagaimana kita ingin gunakan dalam Blogger pula? Jika korang berminat, ikut langkah mudah berikut:

1) Pergi ke Dashboard >> Layout >> Edit HTML dan tik pada kotak "Expand Widget Templates".

2) Kemudian cari tag:
<div class='post-header-line-1'/>
Jika tiada, cari pula tag di bawah:
<data:post.body/>
3) Copy kod di bawah dan masukkan SEBELUM (di atas post) atau SELEPAS (di bawah post):-
<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;'/>
4) Preview atau klik save.

**NOTA**Untuk like, boleh ditukarkan kepada recommend. Untuk arial (font), boleh ditukarkan kepada salah satu senarai font di bawah:

lucida+grande
segoe+ui
tahoma
trebuchet+ms
verdana

Dan untuk light, boleh ditukarkan kepada dark atau evil.

Demo boleh dilihat pada bawah post ini. Try klik untuk lihat hasilnya. Selamat mencuba.


Comments

Popular Posts