Pasang tombol suka disetiap postingan

 Pasang tombol suka disetiap postingan

 Facebook adalah  situs  jejaring sosial paling banyak
pemakainya, baru-baru ini membuat fitur baru yaitu Faebook Like. Kalau sebelumnya tombol “Like” hanya terlihat pada  Facebook, dengan fitur ini seorang pengguna Facebook bisa menunjukkan rasa suka/like langsung di situs di luar Facebook. Tapi tentunya hanya pada website/blog yang memasang tombol like, bila anda ingin juga memasang tombol “Like” di artikel blog, berikut ini caranya.

Di Facebook sudah tersedia tool untuk mendapatkan kode yang bisa dipasang di website/blog (silahkan lihat di sini). Tapi sayangnya, pada pilihan URL to Like di tool itu, kita hanya bisa menentukan URL statis, tidak bisa membaca secara otomatis URL setiap artikel blog. Untuk itu perlu sedikit modifikasi dari kode yang bisa di dapat di Facebook itu.
Silahkan pilih kode yang sesuai dengan  blog anda .

1. Pasang di template Blogspot/Blogger

login, masuk ke Layout, lalu klik Edit Template, beri centang pilihan Expand Widget Templates. Cari kode (atau Ctrl + F) <data:post.body/> di template anda, lalu pasang kode ini di atas/di bawahnya

<iframe expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;action=like&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;font=arial&amp;colorscheme=light&quot;' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:25px;'/>

*

2. Pasang di template Wordpress.

login, masuk ke Appearance, lalu klik Editor (Themes editor). kemudian buka template Single Post (single.php) atau Page Template (page.php). Carilah kode <?php the_content(); ?>, lalu pastekan kode ini di atas/di bawahnya :

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&amp;action=like&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;font=arial&amp;colorscheme=light" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:450px; height:25px;"></iframe>

3. Pasang di Sidebar/Widget/Webpage (javascript)

<script type="text/javascript">
document.write('<iframe src="http://www.facebook.com/plugins/like.php?href=' + escape(location.href) + '&amp;action=like&amp;layout=standard&amp;show_faces=true&amp;width=100%&amp;font=arial&amp;colorscheme=light" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:100%; height:25px;"></iframe>'); </script>