Banyak sekali teman-teman yang menanyakan bagaimana menambahkan facebook comment ke blogspot, saya sendiri saat ditanya jawabnya gampang : "Ya ntar coba dulu bisa ga" padahal coba aja belum pernah. Namun dengan kerjakeras seorang tukang batu akhir nya bisa juga, proses nya sendiri terbagi dua tahap : Facebook dan blogspot.
Login ke facebook, lalu daftarkan diri anda sebagai facebook developer, kemudian Create New App. Isikan sembarang pada App Name, contoh : comment_blogspot , abaikan settingan lain. klik tombol lalu masukan captcha lalu klik Submit, lalu ketik/klik link berikut http://developers.facebook.com/docs/reference/plugins/comments/. Pada tampilan tersebut isikan nama blog/web anda disana, tentukan lebar area comment yang ingin dipasang lalu tekan Get Code
Hasil dari get code ada tiga macam script, kalau saya pilih yang HTML5. Tahap selanjutnya adalah pada bagian blogspot.
Pada blogspot yang harus dilakukan adalah mengubah setting comment, Setting --> Post and comments --> Comment Location -- > Hide. Setelah hide berhasil lalu ubah kode HTML dari Template -> Edit HTML. Setelah terbuka klik Proceed dan pilih Expand Widget Templates, lalu save backup dulu template anda.
Cari tag <body> lalu copy paste kan script yang ada di kotak 1 (gambar diatas, ada dua kotak) tepat dibawah nya. Namun harus diubah sedikit.
Script Asli :
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=(appid anda)";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Ubah menjadi :
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1
&
Perhatikan yang berwarna merah
Sesudah itu carilah tag <data:post.body/> (yang pertama kalau anda menemukan lebih dari satu) kemudian copy paste kan bagian ke dua tadi :
Setelah selesai, save template.