Rabu, 29 September 2010

Cara Menambahkan Tombol Facebook Like

Bagi yang ingin menambahkan plugin dari Facebook seperti tombol like, umumnya berpikir itu hanya bisa dilakukan oleh ahlinya atau yang sudah terbiasa membuat sebuah situs website.

Sebaiknya anda mencoba terlebih dahulu karena Facebook menyediakan plugin tersebut menjadi sangat simple dan mudah, tinggal copy paste baris HTML dan website anda sudah terhubung dengan Facebook.


Di atas adalah contoh hasil tombol Facebook like yang akan ditambahkan di website atau blog anda yang umumnya ditambahkan di setiap akhir post. Berikut tag HTML dan caranya.

Bagi pengguna Wordpress, copy coding berikut.
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink()); ?>&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:530px; height:60px"></iframe>

Bagi pengguna Blogger dengan template classic, copy coding berikut.
<iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkUrl$>&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:530px; height:60px"></iframe>

Bagi pengguna Blogger dengan template modern, copy coding berikut.
<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px' allowTransparency='true'></iframe>

Setelah itu edit HTML dari template Blogger anda, dengan cara:
  • Copy tag HTML di atas yang sesuai
  • Klik menu Rancangan (Design) 
  • Klik Edit HTML
  • Centang Expand Template Widget
  • Cari tag <div class='post-footer'>
  • Paste tag HTML yang sudah anda copy di bawahnya
  • Simpan template anda
Bila ada mengikuti cara tersebut dengan benar maka tombol Facebook like akan muncul di bawah setiap post anda. Pengunjung yang terhubung dengan Facebook sekarang dapat mengklik tombol tersebut.

Selamat mencoba :)

Tidak ada komentar:

Posting Komentar