Rabu, 22 Februari 2012

Membuat Tombol Like (Facebook) di Blogger

Ini merupakan salah satu cara penyebaran sebuah blog ke Facebook. Sebenernya sich ga' beda jauh dengan share ke Facebook. Intinya sama² mengirimkan link halaman yang disukai seseorang ke akun Facebook pembaca blog tersebut. Dengan adanya tombol like ini, pengunjung dan pemilik blog sama² diuntungkan. Pengunjung dapat menyimpan halaman sebuah blog yang (mungkin) dianggap penting, dan pemilik blog diuntungkan dengan (secara ga' sengaja) promosi gratis di Facebook.

Oke kita menuju ke langkah²nya :
  1. Login dulu ke akun Blogger kamu
  2. Masuk ke halaman "Rancangan" - "Edit HTML"
  3. Centang "Expand Template Widget"
  4. Masuk ke http://developers.facebook.com/docs/reference/plugins/like/ untuk mendapatkan kodenya
  5. Sebelumnya setting dulu bentuk dan wujud tombol like yang kamu inginkan di bagian "Step 1 - Get Like Button Code"
  6. Setelah selesai, klik tombol "Get Code"
  7. Copy kode tersebut, saranku gunakan kode pada kolom "XFBML"
  8. Kembali ke halaman "Edit HTML" di Blogger kamu
  9. Cari kode
    <data:post.body/></b:if></p>
    Biar cepet nemuinnya, pencet "Ctrl+F" trus masukkin kode di atas pada kolom pencarian
  10. Contoh hasilnya seperti ini
    <data:post.body/></b:if></p>
    <div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#appId=163230183704012&amp;xfbml=1'/><fb:like font='arial' href='' send='false' show_faces='true' width='450'/>
  11. Klik tombol "Simpan Template"
Sedikit tambahan, kalo kamu pake template seperti punyaku, tambahkan kode berwarna biru hingga menjadi seperti di bawah ini :
<data:post.body/></b:if></p>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#appId=163230183704012&amp;xfbml=1'/><fb:like font='arial' href='' send='false' show_faces='true' width='450'/>
</b:if>
Kode berwarna merah adalah kode tombol like. Penambahan kode di atas betujuan agar tombol like hanya muncul setelah link / tombol "Readmore" di klik. Karna berdasarkan pengalaman, kalo ga' pake kode di atas, tombol like muncul sebelom link / tombol "Readmore" di klik.

0 komentar:

Posting Komentar