Memasang Kotak Komentar di Blog dari Facebook

Cara Memasang Kotak Komentar di Blog dari Facebook
Membuat aplikasi di facebook
1. Silahkan berkunjung http://developers.facebook.com/setup/

2. Isi, Nama Blog, URL situs, lalu klik Buat Aplikasi
3. Selanjutnya Anda akan diminta untuk mengisi captcha
4. Nah nanti kita akan dibawa ke halaman seperti ini

5. yang kita butuhkan adalah Aplikasi ID

Memasang kotak komentar di Blog 
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode <data:post.body/> atau <div class='post-header-line-1/>
(Jika sudah memasang readmore, terdapat dua code <data:post.body/>, maka letakkan code dibawah ini setelah <data:post.body/> yang kedua)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='background-color:#ffffff; padding:10px; border:1px solid #cccccc;'>
<p align='left' style='background:transparent;'><a href='http://kurniasepta.blogspot.com' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5E5yuWhAaVkMjBxjCQEfvRDXumWsG42LOkw8tUSt-fxRWa3McO-DE1lGa3hjD_m8Z3JqhtAPridvn5r70R2LTLsocReNKeYBTbNSH-yMorQdEzSP9P3-CLNJ1BA548MA2qN0Vvrad8Kex/'/></a></p></div>
<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/>
</div>
</b:if>

Sebelum disimpan, kita ganti ID-APLIKASI dengan Nomor ID aplikasi yang sudah kita buat tadi. Dan kita bisa mengganti warna kotak komentarnya dengan mengganti kode warna ffffff dengan kode warna yang kita inginkan.

6. Simpan Template jika sudah selesai.