Cara Membuat Kotak Komentar Facebook di Blogger

Pada postingan saya kali ini saya akan mempostingkan bagaimana Cara Membuat Kotak Komentar Facebook di Blogger. Sebenarnya saya sudah ingin mempostingkannya sejak pertama kali saya memasang komentar facebook di blog, tetapi saya lupa jadi sampe sekarang nih saya baru inget karena ada sobat blogger yang request.  Dulu saya sempat kebingungan pada saat akan membuat komentar facebook tetapi waktu saya otak-atik akhirnya bisa juga, anda dapat melihatnya di bawah ini pdi bawah postingan saya ini.

Jika anda tertarik silahkan ikuti langkah-langkah di bawah ini :

• Anda login dulu ke akun facebook anda
• Silahkan Buat Aplikasi Anda disini : Facebook developer page

• Agar Alamat Blog anda di terima Jangan Lupa Tambahkan Backslash " / " di belakang URL blog anda.
  Contoh  : http://michaellandresteven96.blogspot.com
  Menjadi : http://michaellandresteven96.blogspot.com/
•  Ambil ID Aplikasi Copy dulu di Notepad

• Kemudian Sekarang anda Login ke account blogger anda
  Silahkan Menuju Layout ( Rancangan )> Edit HTML dan check Expand Widget Templates. Cari code berikut : agar mempermudah proses pencarian silahkan anda tekan F3

<data:post.body/> atau <div class='post-header-line-1/>

dan paste code berikut dibawahnya :
Jika Pernah pasang readmore maka letakkan dibawah <data:post.body/> kedua.

Copy script ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><a href='http://bos-sulap.blogspot.com/2010/10/cara-membuat-kotak-komentar-facebook-di.html' target='new'><img alt='' class='icon-action' src='http://lh3.ggpht.com/_M1pYMGMUxt0/TGmv1KcNNBI/AAAAAAAACu0/8WlVlSkCPI0/CommentsFB.png'/></a></p>
<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;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://michaellandresteven96.blogspot.com/2011/06/cara-membuat-kotak-komentar-facebook-di.html' target='_blank' title='Facebook Comment'>Facebook Comment , Mau ?</a></b></div>

Silahkan anda ganti ID-Aplikasi dengan ID-APlikasi anda



UPDATE 22:00 Sabtu, 11/6/11
Kalo gax mau pusing langsung copas aja script di bawah ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><a href='http://bos-sulap.blogspot.com/2010/10/cara-membuat-kotak-komentar-facebook-di.htmll' target='new'><img alt='' class='icon-action' src='http://lh3.ggpht.com/_M1pYMGMUxt0/TGmv1KcNNBI/AAAAAAAACu0/8WlVlSkCPI0/CommentsFB.png'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;136575963025211&#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;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://bos-sulap.blogspot.com/2010/10/cara-membuat-kotak-komentar-facebook-di.html' target='_blank' title='Facebook Comment'>Facebook Comment , Mau ?</a></b></div>

Semoga Dapat Membatu Anda