Menambah Kotak Komentar Facebook Di blogspot

Setelah pada postingan sebelumnya saya juga pernah membahas hal yang sama, tapi ada kekurangannya yaitu komentar muncul di setiap postingan jadi kita tidak tahu artikel mana yang di komentari. Pada postingan kali ini kita juga akan membahas tutorial yang sama, tapi bedanya setiap komentar tidak akan muncul di semua postingan.

Saya sudah membuktikan dan berhasil di blog ini, silahkan di lihat kalau tidak percaya. Jadi kalau masih ada yang belum berhasil berarti sobat kurang beruntung, atau mungkin juga tidak semua template bisa di pasang kotak komentar facebok.

Baiklah langsung saja silahkan login ke akun facebook sobat dulu, lalu kunjungi Facebook developer kemudian isi form yang tersedia ( Lihat Gambar )





Setelah selesai klik Create app. Nanti akan ada ID App, copy dulu di notepad.





Berikutnya untuk pemasangan di blogger.
1. Login ke akun blogger sobat

2. Pilih design lalu edit HTML
3. Expand Template Widget
4. Pasang kode berikut DI BAWAH
5. Jika sudah menggunakan read more, pasang DI BAWAH ke dua

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;APP ID&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;);
e.type = &#39;text/javascript&#39;;
e.src = document.location.protocol +
&#39;//connect.facebook.net/id_ID/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments/>
</b:if>


Yang warna hijau ganti dengan APP ID yang sudah di dapat tadi dan Save template.
Atau jika sobat tidak mau repot, silahkan pakai kode di bawah ini.




<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;203502323012906&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;);
e.type = &#39;text/javascript&#39;;
e.src = document.location.protocol +
&#39;//connect.facebook.net/id_ID/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments/>
</b:if>


Semoga bermanfaat.

Posted in: Tutorial blogger