Menempatkan Facebook Like Box Dibawah Posting

Facebook Like Box adalah plugin yang memungkinkan pengguna facebook untuk secara tidak langsung berlangganan update blog anda melalui akun facebook mereka. Sebelum saya telah memberikan tips dan trik bagaimana membuat facebook like box muncul dengan efek buka tutup dan slider. Kali ini kita akan membuat facebook like box dibawah posting. Beberapa blog menempatkan facebook like box meraka dibawah posting karena biasanya pembaca akan melihat like box tersebut setelah membaca posting. Jadi daerah ini dapat menambah jumlah fans blog Anda. Untuk membuatnya ikuti trik dan tips berikut ini:

1. Login ke Blogger
2. Masuk ke Rancangan -- Edit HTML
3. Centang Expand Template Widget
4. Cari kode <data:post.body/>
5. Letakkan kode dibawah ini setelah kode <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'> <iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FBlogTrikDanTips&amp;width=590&amp;colorscheme=light&amp; show_faces=true&amp;stream=false&amp;header=false&amp;height=180' style='border:none; overflow:hidden; width:590px; height:180px;'/> </b:if>
6. Ubah kode berwarna merah dengan kode fan page anda
7. Simpan template anda

Coba sobat lihat hasilnya di blog. Widget ini akan muncul setelah atau dibawah posting. Jika ukurannya tidak sesuai dengan ukuran posting halaman anda, maka sesuaikan ukuran box dengan mengubah kode lebar facebook like box diatas. Selamat mencobanya....
Tags:

7 comments

  1. di home jadi terlihat semua gmn caranya agar hanya terlihat di bawah postingan saja tidak di tiap postingan di home

    ReplyDelete
    Replies
    1. Terima kasih bt komentarnya. Saya lupa menjelaskan kalo kodenya seperti ini (tinggal tambah tag b:if dan tag penutupnya:

      <b:if cond='data:blog.pageType == &quot;item&quot;'>

      <iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FBlogTrikDanTips&amp;width=590&amp;colorscheme=light&amp; show_faces=true&amp;stream=false&amp;header=false&amp;height=180' style='border:none; overflow:hidden; width:590px; height:180px;'/>

      </b:if>

      Delete
  2. gan kasih kode html blognya dongg

    ReplyDelete
  3. nggak berhasil om...

    tolong cek
    http://boxpilem.blogspot.com

    ReplyDelete
  4. mas kok dia bilang gini ,, pas coba kodenya
    Could not retrieve id for the specified page. Please verify correct href was passed in.,,
    coly mas, maklum ru pertama buat blog :D

    ReplyDelete