Cara instan membuat kolom komentar pada bloger menggunakan facebook

Komentar menggunakan facebook pada blogger sering kita jumpai di blogger tetangga. Hal ini akan menambah blog kamu lebih interaktif dan memberikan pengguna/pengujnjung ingin menuliskan sesuatu tentang kelebihan dan kekurangan blog kamu.

Disamping Blogger Comment with  Facebook membuat tampilan pada web sedikit lebih menarik, Komentar dengan menggunakan facebook ini juga akan secara otomatis share ke dinding pengguna yang berkmentar. Disamping membuat blog lebih interaktif, Juga dapat menngkatkan lonjakan trafik secara natural.

Adapun cara pembuatanya facebook comment sangat sederhana, dan berikut langkah-langkahnya:



  • Seperti biasa masuk akun blogger - pilih templete - Edit HTML -Lanjutkan - dan centang  kolom  Expand
  • Temukan kode  <data:post.body/>  dan kemudian letakan kode dibawah ini  persis dibawahnya..
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' num_posts='1' width='600'/></div>
</b:if>

  • Yang terakhir klik Simpan
Jika langkah ini berhasil, pada postingan yang paling bawah akan muncul seperti pada gambar dibawah ini 

Ini merupakan cara yang sederhana dan cara yang paling mudah tidak memerlukan banyak scrip yang kita taruh pada template yang kita pakai.

Jika langkah di atas tidak berhasil silahkan gunakan cara yang kedua sebagai berikut


  • Kamu masuk kesini : https://developers.facebook.com/docs/plugins/
  • Pada Plugins pilih Comment -  kemudian masukan URL halaman/profil facebook kamu. contoh URL Halaman Facebook https://www.facebook.com/indi.bloger 
  • Kemudia Get Code - Pilih HTML 5
  • Disana kamu akan menemukan 2 kode, kode yang pertama [diatas] taruh pada widget yang telah kamu tambahkan
  • pada kode kedua, masukan kode dimana yang kamu suka. kamu bisa memasukan pada akhir halaman postingan, di footer, sidebar, dah halaman.  
Cara yang kedua bisa dipraktekan pada wordpress dan blogger, Selamat mencoba dan semoga membantu
Contoh bisa Lihat disini

Comments

Popular posts from this blog

Info Terlengkap Hiu Jambul Kepala Banteng / Crested Bullhead Shark

9 Jenis Ikan Hiu Beserta Gambar Terbaru

Cara Seting Peralatan Scuba Diving Standar (Tabung, BCD, Regulator)