Membuat Komentar Facebook di Blogspot

Yups, sekarang kita akan mencoba memasang Facebook Comments Box, atau dalam Bahasa Indonesianya adalah Kotak Komentar Facebook. Sebetulnya sudah banyak tutorial tentang hal ini, akan tetapi disini saya akan memberikan yang paling singkat saja kok 🙂

Kita akan skip cara membuat Aplikasi (atau bisa lihat disini kalau mau buat aplikasi sendiri). Sedangkan saya sudah membuat aplikasi yang lumayan General/Umum. Karena nama aplikasinya Blogspot, dan seperti inilah nanti hasilnya :

Yups, mari kita mulai membuat kotak komentar Facebook di Blogspot!

Anda harus mengizinkan aplikasi Blogspot mengakses Akun Facebook Anda, silahkan aktifkan disana -> Blogspot – http://www.facebook.com/apps/application.php?id=166453960060376

Pertama-tama dan yang paling utama adalah menonaktifkan tampilan komentar awal agar tidak bertabrakan atau menjadi dobel dengan komentar punya Facebook ini. Caranya bisa dilihat seperti yang ada di gambar dibawah ini :
[spoiler][/spoiler]

Setelah yakin sudah off, maka lakukan langkah-langkah dibawah ini :
– Buka Setting HTML, dan jangan lupa beri tanda centang pada Expand Widget Templates terlebih dahulu.
– Lalu cari potongan kode berikut ini :

<data:post.body/>

– Kemudian letakkan kode berikut tepat dibawah kode diatas :

<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: '166453960060376', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments numposts='5' publish_feed='false' width='420'/>
</b:if>

-Terakhir..Save dan View your blog!

Silahkan ubah beberapa nilai berikut :
numpost : untuk paging komentar yang masuk.
width : lebar kotak komentarnya.

Nah, selesai deh proses pembuatan komentar Facebook di blogspot 🙂
Preview : http://aaezha.blogspot.com

NB : Saya baru sadar klo aplikasi ini tergantung pada template juga. Jadi apabila ada yang mengalami kesalahan padahal sudah mengikuti langkah-langkah diatas, bisa langsung konsultasikan dengan saya disini atau via YM. Terima kasih