Cara Pasang Kotak Komentar Facebook di Blogspot, seperti di bawah ini

Langkah 1. Nonaktifkan Default Komentar

pertama yang harus Anda lakukan yakni Nonaktifkan Setting Komentar ANda .
pergi ke account blogger Anda
" PENGATURAN " Lalu Klik " KOMENTAR " Pada Menu KOMENTAR Klik " SEMBUNYIKAN " kemudian gulir ke bawah dan klik simpan

Langkah 2. Buatlah Facebook App ID ( Aplikasi di Facebook )
buat facebook app id Anda sendiri,login fb anda ,trus klik Facebook developers DISINI
nanti muncul halaman aplikasi facebook anda trus Masukkan nama aplikasi Anda, (Anda dapat mengetikkan nama apa saja) dan Klik setuju lalu klik Buat Aplikasi.
Sebagai contoh saya membuat aplikasi dengan nama " kotak komentar "




next ....
perhatikan di tab bagian kiri ada bacaan WEB SITE itu di klik dan isikan SITE URL isikan alamat site blogspot anda kalau saya http://www.kusmizaluna.blogspot.com/ ingat di akhir url harus ada tanda /
dan site domain isikan blogspot.com
jangan lupa copy ID aplikasin, kmudian save di notead dulu
lalu klik SIMPAN



Langkah 3. Menambahkan Kode pada template blogger

Silakan pergi ke akun blog Anda lagi,
Arahkan ke PENGATURAN + RANCANGAN + Edit HTML Lalu Centang Expand Template Widget, download tempelate anda untuk mng antisipasi jika ada ksalahan nantinya
next ...Cari


< body >


Tambahkan Kode berikut dibawahnya

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : &#39;APP-ID Anda&#39;,
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};

(function() {
var e = document.createElement(&#39;script&#39;);
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>

keterangan

Ganti APP ID dengan APP ID Aplikasi Facebook yang tadi Anda buat.

Sekarang Cari

</head>

Letakkan Kode Berikut dibawahnnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='Nama Blog Anda' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='APP-ID Anda' property='fb:app_id'/>
<meta content='Profile-ID-Facebook Anda' property='fb:admins'/>
<meta content='article' property='og:type'/>

keterangan

Nama Blog Anda : Ganti dengan Nama Blog Anda
http://google.com/help/hc/images/logos/blogger_logo.gif' : Bisa Anda Ganti dengan Gambar anda atau juga bisa di hapus.
APP-ID Anda : Ganti dengan APP ID anda
Profile-ID-Facebook Anda : Ganti dengan ID Profile Facebook Anda.


Langkah 4. Menambahkan Komentar Box Blogger Template Anda.

Silakan Cari kode Berikut


<data:post.body/>

Letakkan Kode Berikut dibawahnya
Jika Punya dua <data:post.body/> karena sudah pasang Readmore Silahkan Letakkan di bawah <data:post.body/> yang kedua

<b:if cond='data:blog.pageType == "item"'><br /> <p align='left'><a href="http://www.japarus.co.tv/2011/03/cara-pasang-kotak-komentar-facebook-di.html" target="new"><img border="0" src="http://japarus.xtgem.com/animated119.gif" /></a></p><div><fb:comments width='450' expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id'/></div><div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://www.facebook.com/japarus' target='_blank' title='Facebook Comment'>Facebook Comment </a></b></div></b:if><br />



selesai .. smoga berhasil ....