Cara Memasang Kolom Komentar Facebook di Blog

Cara Memasang Kolom Komentar Facebook di Blog

Cara Memasang Kolom Komentar Facebook di Blog. Kolom komentar sudah seharusnya di berikan pada setiap postingan atau artikel sebuah blog. Kolom komentar berfungsi sebagai alat interaksi antara pemilik blog dengan pengunjung blog.

Kolom facebook memiliki beberapa manfaat. Pada umumnya orang memiliki account facebook. kadang mereka lebih mengingat akun facebook dari pada akun gmail apalagi akun blog. Hal ini memudahkan mereka untuk menuliskan kolom komentar dengan menggunaan akun facebook. Dengan tujuan untuk menyasar pengguna facebook dan masih banyak lagi keunggulan lainnya.agar blog kita ramai komentar.

Kolom komentar Facebook tidak selamanya ada pada setiap template blog. Apabila kita ingin menambahkan kolom komentar, berikut ini langkahnya.

Langkah 1: Silahkan seperti biasa login ke blog. selanjutnya masuk ke tema dan pilih edit HTML.

Langkah 2: Cari dan isi kode APP ID dan FB ID Admin. Jika tidak ada maka sobat bisa copy kode di bawah ini. Dan letakkan di bawah <head> :
<meta content='Kode ID Facebook admin' property='fb:admins'/>
<meta content='Kode ID Aplikasi Facebook' property='fb:app_id'/> 

Langkah  3: Salin kode berikut ini, letakkan di atas atau sebelum </head>:

<script type="text/javascript">
//<![CDATA[
$undefinedwindow).bindundefined"load resize", functionundefined){
 var url = location.protocol+'//'+location.host+location.pathname;
  var containercm_width = $undefined'#container-commentfb').widthundefined); 
    $undefined'#container-commentfb').htmlundefined'<div class="fb-comments" ' +
    'data-href="'+url+'"' +
    ' width="' + containercm_width + '" data-num-posts="10"></div>');
    FB.XFBML.parseundefined ); 
  });
//]]>
</script> 

Baca Juga: Cara memasang widget "Recent Posts" thumbnail blogspot

Langkah 4: Copy kode dibawah ini, letakan di bawah <data:post.body/> yang ada pada halaman post. Kode dibawah ini nantinya akan memanggil atau menampilkan posisi letak kolom komentar facebook. Jadi coba satu persatu jangan sampai salah karena setiap template berbeda-beda.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
</b:if>

Langkah 5: Menampilkan komen count atau jumlah komentar facebook yang ada pada postingan. kalau dalam postingan ini kalian bisa lihat di atas postingan ini dibawah judul terdapat jumlah komentar blog dan facebook. Jika kalian ingin menambahkan komentar count facebook, silahkan copy kode dibawah ini letakkan pada markup post atau post info. biasanya setiap template berbeda.
<a expr:href='data:post.url + &quot;#fb-comment&quot;'><span class="fb-comments-count" expr:data-href='data:post.url'></span> facebook comments</a>


Berlangganan update artikel terbaru via email:

0 Response to "Cara Memasang Kolom Komentar Facebook di Blog"

Post a Comment

Jika ada yang masih kurang jelas, silahkan untuk bertanya pada kolom komentar di bawah ini.

1. Berikan centang pada kotak Notify me/Beri tahu saya untuk mendapatkan notifikasi komentar.
2. Jika Anda sengaja menambahkan link saat komentar akan dihapus dan tidak akan dipublikasikan.

- taufiknh.my.id -

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel