TUTORIAL: Kotak Komen Facebook Untuk Blogger

Tutorial kali ini aku dapat di AllBlogTools. So, aku nak share dengan korang yang berminat. Tutorial dan hack untuk letakkan kotak komen seperti di Facebook. Hanya untuk Blogger blogspot. Seperti gambar di bawah:

Caranya mudah.

1) Korang perlu "matikan" kotak komen default untuk blogger. Pergi ke Settings >> Comments dan setkan "hide". Then save.

2) Pergi ke Facebook Developers untuk create application bagi mendapatkan ID.

Di situ, korang isikan:
Site name:
Site URL:
Locale:

dan kemudian klik "Create Application". Akan keluar page seperti di bawah:

Copy nombor ID aplikasi tersebut.

3) Copy kod di bawah dan korang perlu edit sedikit untuk kesesuaian blog korang.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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;;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments width='450' xid='NAMA KOTAK KOMEN'/>
</b:if>

ID APLIKASI:No ID aplikasi yang korang dapat di Facebook tadi
450: Kelebaran kotak komen ikut blog korang
NAMA KOTAK KOMEN:  Nama ni ikut suka korang. Boleh guna blog korang, nama korang. Apa saja tetapi jangan ada space antara nama.

4) Dah selesai edit, copy semua kod tersebut dan korang pergi ke Dashboard >> Layout >> Edit HTML dan pastikan "Expand Widget Templates" di tik. Cari tag:

<data:post.body/>

Kemudian masukkan kod yang dicopy tadi SELEPAS tag tersebut.Preview atau klik save jika tiada kesilapan. Walaaaaaa..siap!!!
Mudah kan? Try it for yourself. Nak demo, klik kat SINI. Try komen. Kotak komen ini juga boleh auto post komen korang ke wall profile korang di Facebook.