Membuat Kotak Komentar Facebook pada Blogger

    Kotak komentar agar merupakan salah satu alat yang berguna bagi blogger untuk meningkatkan percakapan. Baru-baru ini Facebook telah meluncurkan plugin sosial banyak blogger dan web developer dan satu kotak tersebut ditingkatkan agar komentar. Jadi di sini, di posting ini saya akan memberitahukan anda bagaimana menambahkan / mengintegrasikan agar kotak komentar ke blogger dalam langkah-langkah sederhana. Sebelum masuk ke proses ini saya sarankan Anda untuk membuat cadangan template Anda dan komentar sebelumnya di blogger tidak akan terlihat jika Anda menggunakan sistem Facebook komentar.

Langkah Pertama:

    Login ke Facebook anda, masuk ke situs Facebook Developer masukkan nama blog anda, alamat blog anda (alamat blog diwajibkan menggunakan "/" dibelakang, sebab jika tidak dikasih Facebook tidak akan menerima alamat anda), lalu pilih Create Application.

 

jika tidak diberi "/" maka facebook tidak akan menerima alamat blog anda.

Lalu copy App ID dari aplikasi yang anda buat.

Langkah Kedua:


    Login ke Blogger anda, dan beralihlah ke Design/Edit HTML  lalu beri tanda centang pada Expand Widget Templates, lalu carilah kode yang bertuliskan <data:post.body/> atau <div class=’post-header-line-1&#8242;/> lalu setelah kode <data:post.body/> atau <div class=’post-header-line-1&#8242;/> itu tempelkan kode dibawah ini: Harap di ingat kode <data:post.body/> yang digunakan adalah yang setelah kode <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if> pada CSS anda, bukan yang lain, sebab ada beberapa <data:post.body/> pada CSS.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div id='fb-root'/>
  <script>
  window.fbAsyncInit = function() {
  FB.init({appId: &#39;APPID&#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/en_US/all.js&#39;;
  e.async = true;
  document.getElementById(&#39;fb-root&#39;).appendChild(e);
  }());
  </script>

  <fb:comments/>
  </b:if>

Ubah APPID pada  kode di atas dengan App ID yang diberikan oleh Facebook tadi, lalu simpan template anda.

Langkah Ketiga:

    Sembunyikan default komentar pada blog anda. beralihlah ke Settings/Comments. Lalu beri centang pada Hide. Simpanlah seting anda.

Setelah itu, lihatlah blog anda dan masuk ke halaman post anda, dan amati apa yang terjadi dibawahnya.

Related Posts