Membuat Kotak Komentar FB

Share kali ini saya akan berbagi tips cara membuat kotak komentar FB sederhana di Blogger. Keunggulan dari kotak komentar ini adalah jika ada yang komentar melalui FB mereka otomatis akan tershare di profil mereka.

Ingin membuatnya? Pertama yang harus kalian sediakan hanyalah ID Aplikasi di Facebook.
Belum mempunyai ID Aplikasi? Mudah, kalian tinggal membuat Aplikasi dulu saja di sini. Tidak usah saya beritahu kalian pasti sudah bisa membuatnya sendiri.

Setelah selesai membuat, kalian akan disuguhkan ID Aplikasi yang tadi kalian buat. Nah, lalu ikuti langkah dibawah ini.

Pertama, masuk ke akun blogger kalian.
Lalu ke Rancangan -> Edit HTML
Centang kotak "Expand Widget Template"
Lalu cari kode dibawah ini

<data:post.body/>

NB: Mungkin ada 2 
Lalu paste kode dibawah ini
NB: Jika ada 2, paste di bawah kode yang kedua

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <p align='left'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl9tE300zpXJ50z8Bxckr9isGCiL58v9VeyPnRzcuXi7mq7WqUCrjJoD7G1TXT7VsQJJaFDxn7xWoFrGzNhOudF1Upb11ZPx-wO41TMavR6GTd4IO-mbHPpjz2v-lL7_bTLfYsUqbolgFs/s104/facebook_comment.png'/></p>
  <div id='fb-root'/>
  <script>
  window.fbAsyncInit = function() {
  FB.init({appId: &#39;ID.APLIKASI.TADI&#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>

Lalu ganti teks yang berwarna biru dengan ID Aplikasi yang kalian buat tadi.
Klik "SIMPAN TEMPLATE" dan lihat hasilnya.. :) semoga berhasil.