Featured

Cara Menambahkan Kolom Komentar/Comment Facebook pada Blog Anda

Berikut cara menambahkan kolom Komentar/Comment Facebook pada Blog anda

1. Masuk ke Panel Blogger anda
2. Pilih Theme, dan pilih Edit HTML
3. Tambah meta tag facebook dibawah ini sesudah code <head>, (agar tidak kesulitan untuk mencari code, gunakan fungsi search (ctrl+f) lalu find code yang akan dicari).


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

4. Tambahkan kode dibawah ini sebelum code </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>

5. Selanjutnya tambahkan kode dibawah ini sesudah code <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>

6. Save Theme, dan silahkan lihat hasilnya pada postingan blog anda.


Comments