Cara membuat Komentar Facebook di Blog Responsive

       CARA Memasang Komentar Facebook di Blog -  memasang komentar facebook responsive di Blogger. Sebagian besar pengguna internet selalu terhubung dengan akun facebooknya jadi agar para pengunjung blog lebih mudah berkomentar menggunakan akun Facebooknya. Komentar Facebook di Blogger adalah untuk  menghubungkan konektivitas antara social media tersebut dengan blog kita. Sehingga, blog kita mendapatkan lalu lintas yang besar dengan Facebook.


 Cara memasang Facebook komentar Responsive


 Untuk anda yang sudah memasang kotak komentar facebook, tutorial ini cocok kamu terapkan di blog kamu yang sudah mendukung fitur responsive. Komentar facebook responsive berikut ini adalah kotak komentar Facebook yang dibuat responsive. Hal ini di lakukan untuk mendukung bagi yang menggunakan template responsive.

Yang perlu kamu lakukan adalah menambahkan kode javascript ini:
1.Dashboard >> Template >>Edit HTML
2.Cari kode </head>
3.Copy dan pastekan kode di bawah ini tepat 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>

4.Selanjutnya cari kode  <div class='comments' id='comments'>
5.Copy dan pasteka kode di bawah ini tepat di bawah kode <div class='comments' id='comments'>
   jika ada lebih dari satu kode <div class='comments' id='comments'> cobalah satu persatu.
 

<b:if cond="data:blog.pageType == &quot;item&quot;">
<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>

 6.Simpan template..SELESAI...

Semoga artikel saya ini bermanfaat....Good Luck

Share :

Tweet

More

Related Post