Cara Memasang Kolom Komentar Facebook Di Blog

Mempercantik tampilan blog memang sangat di perlukan agar pembaca tertarik untuk kembali membaca nya dan yang paling penting juga pembaca bisa meninggal kan jejak atau komentar pada artikel yang kita buat di blog kita untuk bertanya-tanya pada postingan kita.

Nah salah satu blog yang baik adalah use friendly dalam hal komentar.

Komentar di suatu blog bisa dilakukan dengan berbagai cara sesuai dengan yang sudah di sediakan oleh pemilik blog, namun ada sebagian pembaca hanya bisa berkomentar melalui akun facebook.
Oleh karena itu disini akan dijelaskan cara memasang komentar facebook di blog.

Cara Memasang :

Bagi kalian yang sudah mempunyai blog responsive, sangat mendukung kalian karna sudah menggunakan template responsive. Komentar facebook responsive ini adalah kotak komentar facebook yang dibuat responsive.

1. Masuk ke akun blogger anda.
2. Pilih menu Template ---> klik Edit HTML
3. Tekan tombol CTRL+F lalu ketik dikolom pencarian </head>
4. Copy dan Paste kode script di bawah di atas kode </head>

<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize", function(){
var url = location.protocol+'//'+location.host+location.pathname;
var containercm_width = $('#container-commentfb').width();
$('#container-commentfb').html('<div class="fb-comments" ' +
'data-href="'+url+'"' +
' width="' + containercm_width + '" data-num-posts="10"></div>');
FB.XFBML.parse( );
});
//]]>
</script>

5. Setelah itu cari kode <div class='comments' id='comments'>
6. Lalu letakan kode di bawah ini di bawah kode <div class='comments' id='comments'>

<b:if cond="data:blog.pageType == "item"">
<h4>Post Comment</h4>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%'><fb:comments expr:href='data:post.url' num_posts='5' width='500'/></div>
</b:if>