Cara Pasang Kolom Komentar Facebook Di Blog (blogspot)




Selamat malam good people ! Pada kesempatan ini admin share tentang Cara Membuat Kolom Komentar Facebook Pada Blog, ini berawal dari blog admin yang tidak muncul kolom komentarnya. Pada awalnya ganti template dan setelah dilihat ternyata kolom komentar tidak nunghul. Segala cara sudah admin lakukan dari segala settingan, tapi ternyata kolom komentarnya tetap tidak nonghol juga !


Mungkin, pada saat ganti template yang admin pasang itu bermasalah, karna template sebelumnya tidak ada masalah. pada akhirnya admin putuskan untuk memasang kolom komentar ala facebook diblog, karna komentar ala facebook itu sangat unik dan menarik. Dan untuk cara pasangnya disini admin sediakan 2 cara.

•Cara Pertama Pasang Kolom Komentar Facebook Di Blog

Pertama pasang Script dibawah ini, dibawah kode <head>

<meta content='xxxxx' property='fb:admins'/>
<meta content='xxxx' property='fb:app_id'/>
Kedua lalu pasang kode ini dibawah <body>

<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
 Ketiga Pasang kode script ini tepat dibawah kode <div class='comments' id='comments'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin-top:20px'>
<div class='fb-comments' data-num-posts='5' data-width='600' expr:data-href='data:blog.url'/>
</div>
</b:if>

Terakhir Save Templatenya.
Silahkan good people reffles blognya setelah memasang kodenya, jika tidak muncul juga kita lanjut ke cara yang kedua

Cara kedua pasang kolom komentar facebook di blogspot :

•Pertama pasang kode script ini, diatas 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>

•Kedua pasang script kode ini dibawah kode <data:post.body/>

<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>
•Terakhir silahkan Save templatenya.








oke good people Itulah tentang cara pasang kolom komentar Facebook diblog, dan mungkin cukup sampai disini dan semoga bermanfaat



0 Response to "Cara Pasang Kolom Komentar Facebook Di Blog (blogspot)"

Post a Comment

"Terima kasih telah berkunjung ...