Langkah 1
Pertama kali sobat copas dulu kode CSS nya, letakkan di atas kode </head>.
<style type='text/css'>.fb_komen_box {margin-top:10px;-moz-border-radius:10px 10px 10px 10px;border-radius:10px;background-color:#3B5999;border:3px solid #2B2B2B;margin-bottom:10px;padding:10px 7px 45px;}.fb_komen_atas {width:400px;height:24px;padding:0;margin:0 0 5px;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihOjN2rlWGzZaBjBechpZk9_R2tXqBPmiEQQvSfQG5MBwbEBpKDryqNaBz2lHqdSw0GCLDwS6fBrzW9PCa497tL52T98K5YttKZp15X4yjvRRJOL3gn22_VM8oZlRRunb3dpZhPfrKHZzf/s1600/fb_koment_like.jpg") no-repeat scroll left top transparent;}.fb_komen_atas a {width:214px;height:24px;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgprtQwoyV37QcGjTAea6wvOHqhFpDIFXd7omX_1jC3VWRpqcI3Hxa0KV4fKjJIb0xV9UcBK2B-t_dF8AonewDO-tTOR4RuL8yriYY7whHushpcpYiJkMCBapM-jyZzhs2HwK-sa0GrVQ/") no-repeat scroll left top transparent;display:block;margin-left:470px;text-indent:-5000px;}.fb_komen_isi {-moz-border-radius:10px 10px 10px 10px;border-radius:10px;background:none repeat scroll 0 0 #FFFFFF;padding:12px 12px 0 12px;}.fb_tombol{background-color: #fff;-moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -goog-ms-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; border:1px solid #2B2B2B; border-bottom:1px solid #2B2B2B; border-right:1px solid #2B2B2B; font-size:10px; padding:2px 5px;width:ancho; float:right; margin-top:15px;}</style>
Langkah 2
Copy paste kode berikut di bawah tag <head>
<meta content='ID_APLIKASI' property='fb:app_id'/>
<meta content='ID_PROFIL_FACEBOOK'property='fb:admins'/>
Langkah 3
Selanjutnya temukan kode <data:post.body/>. Jika sobat menggunakan auto readmore, paste kode di bawah ini setelah <data:post.body/> yang ke-2.
<b:if cond='data:blog.pageType == "item"'>
<div class='fb_komen_box'><div class='fb_komen_atas'>
<a href='http://www.facebook.com/pages/Belajar-NgeBlogger/187181064678714' target='_new' title='Become a fan'>Become a Fan</a></div><div class='fb_komen_isi'><div id='fb-root'/><script>window.fbAsyncInit = function() {
FB.init({appId : 'ID_APLIKASI',status : true,cookie : true,xfbml : true});};(function() {var e = document.createElement('script');e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';e.async = true;document.getElementById('fb-root').appendChild(e);}());</script><fb:comments width='450' expr:href='data:post.url' migrated='1' expr:title='data:post.title'/></div><div class='fb_tombol'><a href='http://adityameilaz.blogspot.com/2011/03/kotak-komentar-facebook-versi-terbaru.html' style='color:#3B5999;' target='_blank' title='Comment Box Facebook !'>Comment Box !</a></div></div></b:if>
Note :
- Ganti ID_APLIKASI dengan ID_APLIKASI anda. Jika blm punya bisa bua di ►Click Here◄
- Ganti ID_PROFIL_FACEBOOK dengan ID_PROFIL_FACEBOOK anda.
- Ganti kode yang berwarna Biru dengan URL Fans Page facebook blog atau Halaman Aplikasi facebook sobat. Jika tidak memiliki halaman Fans Page Facebook, tag <a href itu ada baiknya dihapus (ngomong-ngomong).
- Ganti angka 450 dengan ukuran lebar yang anda inginkan untuk lebar comment box nya.
- Kalau berhasil Komennya yaa.
Sumber : ►Click Here◄