Cara Membuat Kotak Komentar Facebook pada Blogspot

Cara Membuat Kotak Komentar Facebook di Blogger - Akhirnya setelah beberapa kali otak atik Cara terakhir inilah yang menurut saya bisa di aplikasikan siapa saja dengan mudah.

So Silahkan Ikuti Langkah-langkah berikut ini :

• Silahkan Buat Aplikasi Anda disini : Facebook Developer Page
  
  
  
  Agar Alamat Blog Sobat di terima Jangan Lupa Tambahkan [Backslash] " / " di belakang Ulr.
  Contoh  : http://referensidunia.blogspot.com
  Menjadi : http://referensidunia.blogspot.com/
  Ambil ID Aplikasi Copy dulu di Notepad

• Sekarang Login Lah ke Account Blogger Anda.
  
  
  
  Silahkan Menuju Layout ( Rancangan )> Edit HTML dan check Expand Widget Templates. Cari code berikut:
  

  <data:post.body/> atau <div class='post-header-line-1/>

  atau
  

  Jika Pernah pasang readmore maka letakkan dibawah <data:post.body/> kedua

  dan paste code berikut dibawahnya :
  
  Ini Scriptnya
  
  

  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <p align='left'><a href='http://referensidunia.blogspot.com/2011/07/membuat-kotak-komentar-facebook-pada.html' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi73-LPNusjUUuzOdnYtxIb75lV6utJgXTdU_kP_Q9UF0KMOkoxPewOqWg2EaZ4Gmy3A7oLaHj31xr5K5D5CxAM2cVdDJWpBrWlPfsUMDwbgo4RvhJLvPcsOBRyjVafaf7y_TfooQaZR5g/'/></a></p>
  <div id='fb-root'/>
  <script>
  window.fbAsyncInit = function() {
  FB.init({appId: &#39;ID-Aplikasi&#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>
  <div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://referensidunia.blogspot.com/2011/07/membuat-kotak-komentar-facebook-pada.html' target='_blank' title='Facebook Comment'>Facebook Comment , Mau ?</a></b></div>

  
  Silahkan Ganti ID-Aplikasi dengan ID-Aplikasi anda
  
  Jika Tidak Mau Pusing Bikin Aplikasi Silahkan Copas Code Berikut dan tinggal di pasang sesuai Arahan Diatas:
  
  Script Jadi dan Tinggal Pasang tanpa Buat Aplikasi
  
  

  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <p align='left'><a href='http://referensidunia.blogspot.com/2011/07/membuat-kotak-komentar-facebook-pada.html' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi73-LPNusjUUuzOdnYtxIb75lV6utJgXTdU_kP_Q9UF0KMOkoxPewOqWg2EaZ4Gmy3A7oLaHj31xr5K5D5CxAM2cVdDJWpBrWlPfsUMDwbgo4RvhJLvPcsOBRyjVafaf7y_TfooQaZR5g/'/></a></p>
  <div id='fb-root'/>
  <script>
  window.fbAsyncInit = function() {
  FB.init({appId: &#39;136575963025211&#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>
  <div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://referensidunia.blogspot.com/2011/07/membuat-kotak-komentar-facebook-pada.html' target='_blank' title='Facebook Comment'>Facebook Comment , Mau ?</a></b></div>

  
  Selamat Kotak Komentar Anda sudah Jadi, Jka ada Maslah jangan segan-segan Komentar. Sumber