Nih mas bro sekalian saya mau kasih tutorial cara memasang komentar facebook di blog yang responsive.
Kelebihannya ada komentar facebook di blog ini pengunjung yang tidak memiliki akun google bisa berkomentar menggunakan akun facebook.
Berikut caranya, simaklah baik-baik.
1. Login Blogger
2. Template - Edit HTML
3. Simpan kode di bawah ini sebelum kode <head>
Jika kode di atas sudah ada pada template anda maka lewati langkah di atas.
4. Tambahkan Kode di bawah ini di atas </head>
5. Kemudian tambahkan kode di bawah ini tepat berada di bawah <data:post.body/> yang ada di halaman post
6. Save template
Sekian Terimakasih
Kelebihannya ada komentar facebook di blog ini pengunjung yang tidak memiliki akun google bisa berkomentar menggunakan akun facebook.
Berikut caranya, simaklah baik-baik.
1. Login Blogger
2. Template - Edit HTML
3. Simpan kode di bawah ini sebelum kode <head>
<meta content='Kode ID Facebook admin' property='fb:admins'/>
<meta content='Kode ID Aplikasi Facebook' property='fb:app_id'/>Jika kode di atas sudah ada pada template anda maka lewati langkah di atas.
4. Tambahkan Kode di bawah ini di atas </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. Kemudian tambahkan kode di bawah ini tepat berada di bawah <data:post.body/> yang ada di halaman post
<b:if cond='data:blog.pageType == "item"'>
<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 template
Sekian Terimakasih