Pasang Komentar Facebook Responsive Di Blogger Ini Caranya

Hai Sobat Siqerenda.com banyak diantara teman-teman kita yang ingin tau bagaimana cara pasang komentar facebook yang responsive di blogger. manfaat komentar responsive di blog pastinya kamu sudah tau bukan? ya, pastinya visitor dapat berkomentar dengan akun facebook mereka hehehe.

Bagi yang ingin mencoba komentar facebook responsive ikuti langkah-langkah berikut:

Tambahkan META TAG di bawah ini, tepat di bawah kode <head>

HTML<meta content='Kode ID Facebook admin' property='fb:admins'/>
<meta content='Kode ID Aplikasi Facebook' property='fb:app_id'/>

Jika Sudah SAVE Template.

Tambahkan Kode dibawah ini sebelum </head>

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

Dan tambahkan kode dibawah ini tepat di bawah <data:post.body/> yang ada di template blog atau dibawah related post.

HTML<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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='10' width='650'/></div>
</b:if>

Simpan Template.

DEMO Yang Ada Pada Web Ini.

Baca Juga Artikel : PENYEBAB BLOG YANG TAK RAMAI PENGUNJUNG

Demikian tutorial widget komentar facebook responsive di blogger, jika ada penambahan silahkan berkomentar terimakasih.
Wassalam - Admin Siqerenda,com

Code By Arlina Design

Pasang Komentar Facebook Responsive Di Blogger Ini Caranya

Baca Juga Artikel : PENYEBAB BLOG YANG TAK RAMAI PENGUNJUNG

Artikel Siqerenda.com Lainnya :

0 komentar:

Posting Komentar