membuat komentar facebook menjadi responsive

Follow us on

Tentunya teman-teman  ingin mempunyai sebuah blog dengan didukung fasilatas komentar facebook yg responsif. Nah Sobat perlu tahu apa yang dimaksud dengan Komentar facebook responsive yaitu kotak komentar jejaring sosial facebook yang dibuat responsive. Hal ini di lakukan untuk mendukung bagi yang menggunakan template responsive. Responsive artinya lebar ukuran yang selalu menyesuaikan, lebar ukuran layar. Tampilan menjadi lebih dinamis dan terlihat indah.

Untuk teman-teman yang belum tahu cara memasangnya bisa membaca di artikel saya yang berjudul Cara Memasang Kotak Komentar Facebook.

Yang perlu kamu lakukan adalah menambahkan kode javascript ini:

<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>

Jadi, kode keseluruhannya jadi seperti ini:

<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'/>
<fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
<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>
</b:if>

Keterangan:

• Yang berwarna merah adalah kode FB komen asli
• Yang berwarna biru adalah kode javascript untuk merubahnya menjadi responsive

Perlu diketahui bahwa Kode diatas akan bekerja jika kamu juga menggunakan template blogger responsive. Semoga artikel Cara Memasang Komentar Facebook Responsive di Blog ini mudah di pahami dan bermanfaat untuk teman-teman semua. Jika ada kesulitan silahkan tanyakan di kolom komentar. ThankzZz....