Rabu, 15 Mei 2013

Tutorial : Button Like Facebook Pada Entri Post ( Kedudukan atas post )

Selain meletakkan button ini di sidebar, anda juga boleh meletakkannya pada setiap atas entri post blog anda. Caranya:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Template"

(jangan lupa "backup template" terlebih dahulu sebelum melakukan apa-apa perubahan pada skrip html, sebagai langkah berjaga-jaga)

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod  
<div class='post-header'>

4) Letakkan kod di bawah  SEBELUM kod <div class='post-header'> yang anda cari di langkah 3 tadi
<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;'/>

* Rupa kod anda akan jadi seperti ini
<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;'/>

<div class='post-header'>

5) Save dan lihat hasilnya. Selamat mencuba! :)

Tiada ulasan: