Cara Memasang Komentar Facebook Pada Blog

Cara Menambahkan Komentar Facebook Pada Blog. Sobat blogger menambahkan komentar facebook pada blog memang mempunyai beberapa keuntungan, diantarnya dapat mempermudah pengunjung untuk meningalkan komentar di blog anda tanpa harus login melalui akun google, karena pada dasarnya pengunjung tidak semua mempunyai akun google,jadi komentar facebook bisa jadi solusi untuk komentar menjadi lebih mudah dan juga mempermudah berkomentar pada versi mobile karena sudah di desain dengan responsive jadi bisa menyesuaikan ukuran termasuk dalam handphone atau tablet sekalipun

Lihat DEMO

Cara pasang komentar facebook ini sangat mudah sekali untuk di terapkan selain itu juga dengan menambahkan komentar facebook selain mempunyai kelebihan dan mempermudah komentator juga bisa sedikit lebih bergaya dan lebih keren dalam tampila,nah bagi anda yang ingin membuat komentar facebook di pasang di blog anda itu sangat mudah sekali sobat blogger, silahkan ikuti tutorial cara menambahkan komentar facebook sehingga bisa terpasang di blog anda.

Baca juga : Cara Pasang Like Box Fanspage Facebook Di Blog

Cara Membuat Komentar Facebook Pada Blog

1. Buka akun blogger anda
2. Pilih menu template > Klik edit Html
3. Lalu letakan kode dibawah ini tepat di atas kode ]]></b:skin> atau </style>

/* facebook comments By Madamvia.web.id */
.fbbox-comments {
box-sizing: border-box;
-moz-box-sizing: border-box;
background:#f6f6f6;
border:1px solid #e5e5e5;
margin: 0 0 20px;
}
.fb-comments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}
.fb-like-box{width: 100% !important;}
.fb-like-box iframe[style]{width: 100% !important;}
.fb-comments span{width: 100% !important;}
.fb-comments iframe span[style]{width: 100% !important;}
.fb-like-box span{width: 100% !important;}
.fb-like-box iframe span[style]{width: 100% !important;
}

4. Selanjutnya letakan kode di bawah ini tepat di bawah kode <data:post.body/>  atau </article>

 <!-- facebook comments responsive-->
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
<script>
//<![CDATA[
$(window).bind("load", function(){  
 var container_width = $('.fbbox-comments').width();  
 var fburl=(window.location.href);
 var fbfix=fburl.indexOf('?');
 var fburlfix = fburl.substring(0, fbfix != -1 ? fbfix : fburl.length);
$('.fbbox-comments').html('<div class="fb-comments" ' +
'data-href="' + fburlfix + '"' +
' data-width="' + container_width + '" data-num-posts="5"></div>');
FB.XFBML.parse( );  
});
//]]>
</script>
<div class='fbbox-comments' style='width:100%;margin-top:20px'>
<div class='fb-comments' data-num-posts='2' data-width='555' expr:data-href='data:blog.url'/>
</div>
  </b:if>  

5. Klik save template.

Catatan : Biasanya kode <data:post.body/> ini lebih dari satu, anda bisa menecobanya satu persatu hingga posisinya benar di bawah artikel atau posting blog, atau kalo anda tidak mau ribet, bisa di pasang di bawah kode share button ataupun related post.

Nah cukup sekian sobat blogger di tutorial cara membuat komentar facebook di blog, lebih dan kurangnya saya mohon maaf. salam sukses.

Share to:

Google+ Facebook Twitter