Saturday, March 26, 2011

Belajar Seputar Dunia Blogging

Belajar Seputar Dunia Blogging


Menambahkan Komentar Facebook Di Blogger V.2

Posted: 25 Mar 2011 03:55 AM PDT

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 <data:post.body/>
5. Jika sudah menggunakan read more, pasang DI BAWAH <data:post.body/> 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/>
</div>
</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/>
</div>
</b:if>

Semoga bermanfaat.
Alhamdulillah...

No comments: