Ini adalah gadget yang sudah lama saya cari. Karena dengan kotak komentar Facebook dapat membantu pengunjung untuk lebih mudah berinteraksi dan berekspresi setelah membaca artikel.
Oke, Check this out...
1. Silahkan pergi ke http://developers.facebook.com/setup
2. Jika Anda sudah sukses masuk ke halaman create an App silahkan Anda isi nama apps dan URL blog Anda.
Site name (anda tulis dengan nama blog anda)
Site URL (anda isi URL blog anda, contoh : http://mahfudin713.blogspot.com/)
3. Lalu klik Create app.
4. Jika sukses, maka Anda akan mendapatkan App Id dan App Secret
4. Jika sukses, maka Anda akan mendapatkan App Id dan App Secret
5. Langkah terakhir adalah dengan memasukkan kode berikut ini ke dalam template Anda (dashboard -> rancangan -> Edit HTML). Jangan lupa centang Expand template Widget.
6. Cari kode (Ctrl+F)
<data:post.body/>
Jika ada beberapa kode yang sama karena pemasangan readmore, maka cobalah letakkan setelah kode <data:post.body/> yang kedua. Dan jangan lupa copy kode di bawah ini.
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'APPID', 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/>
</b:if>
7. Ganti APPID dengan id aplikasi Anda. Kemudian Simpan template Anda.
Note : Anda bisa memilih untuk tetap menampilkan kotak komentar Blogger sehingga ada dua macam kotak komentar di blog Anda, atau bagi Anda yang hanya ingin menggunakan komentar ala facebook, Anda bisa menghapus kotak komentar blogger dengan cara masuk ke Dashboard -> Pengaturan -> Komentar. Pada tab Komentar pilihlah Sembunyikan.
