Membuat Kotak Komentar Facebook untuk Blogger / Blogspot

Facebook kini menjembatani para blogger dan web develover dengan membuat berbagai social plugins. Diantaranya adalah Kotak komentar facebook.

Akhir-akhir ini sering kita temui web yang menggunaka aplikasi ini, diantara keuntungannya adalah memberikan komentar yang lebih banyak, karena pengguna facebook lebih banyak tentunya dari blogger.
Diantara kemudahan yang diberikan, pengunjung tidak usah menulis web, email, dll. Mereka cukup login ke facebook dan memberikan komentar.

Dibawah ini adalah tutorial yang sangat mudah tentang cara membuat kolom/kotak komentar facebook untuk pengguna blogspot/blogger.
Namun harap di ingat, menggunakan komentar facebook akan menyembunyikan komentar yang telah ada di blog.

Langkah ke-1: Login ke dasbor anda, kemudian klik Pengaturan>Komentar, pilih sembunyikan.


Langkah ke-2: Kunjungi Halaman Facebook Develover, tulis Nama Situs, URL situs, dan Lokasi kemudian klik Buat Aplikasi


Copy ID Aplikasi ke notepad


Langkah ke-3: Kembali ke Blogger, klik Rancangan>Edit HTML, centang Expand Template Widget. Cari kode <data:post.body/> atau <div class=’post-header-line-1′/> dan paste kode dibawah ini, tepat setelah <data:post.body/> atau <div class=’post-header-line-1′/>.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <p align='left'><img alt='' class='icon-action' src='http://1.bp.blogspot.com/_iPx6s72hybU/TMsFzeIuqfI/AAAAAAAAAz4/ue-OMkqGnkU/s1600/comment.png'/></p>
  <div id='fb-root'/>
  <script>
  window.fbAsyncInit = function() {
  FB.init({appId: &#39;164624843561195&#39;, status: true, cookie: true,
  xfbml: true});
  };
  (function() {
  var e = document.createElement(&#39;script&#39;); e.async = true;
  e.src = document.location.protocol  +
  &#39;//connect.facebook.net/id_ID/all.js&#39;;
  e.async = true;
  document.getElementById(&#39;fb-root&#39;).appendChild(e);
  }());
  </script>
  <fb:comments/>
  </b:if>
ganti ID Aplikasi (yang berwarna merah), dengan ID Aplikasi anda .

Contoh Komentar Facebook untuk Blogger

Simpan dan lihat hasilnya. masih ada masalah?
Disqus Comments