Cara Memasang Komentar Facebook Responsive di Blog
Salam Kenyut , dalam postingan ini admin akan membahas tentang Cara Memasang Komentar Facebook Responsive di Blog , semoga bisa bermanfaat bagi sobat blogger yang mencari tentang tutorial yang sedang saya bahas ini .
Komentar facebook adalah pilihan yang sangat tepat untuk di pasang di blog anda , selain karena friendly ini juga memudahkan pengunjung atau visitor blog untuk bertanya tentang postingan anda yang mungkin belum punya akun gmail , karena kebanyakan blog terutama di indonesia masih menggunakan id disqus atau akun gmail untuk berkomentar di blog , sehingga pengunjung yang awal nya ingin bertanya malah mengurungkan niatnya untuk berkomentar .
Komentar facebook yang akan saya share ini adalah Responsinve dan memiliki banyak keunggulan terutama di media Mobile atau smartphone .
Sebelumnya pastikan dulu kalau Template Blog anda adalah Responsive karena Komentar facebook ini hanya cocok untuk template Responsif .
Oke langsung saja simak baik-baik tutorial Memasang Komentar Facebook Responsive di Blog .
- Masuk ke Dashbord blog => Template => Edit html => Cari kode </head> lalu copy kode di bawah ini terus paste di atas 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>
- Cari Kode <div class='comments' id='comments'> letakkan kode di berikut ini di bawah kode <div class='comments' id='comments'> jika lebih dari satu bisa di coba satu-satu .
<b:if cond="data:blog.pageType == "item"">
<h4>Post Comment</h4>
<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='5' width='500'/></div>
</b:if>
- Save Template dan lihat hasil nya . .
Gimana Mudahkan , kalau ada yang ingin di tanyakan tentang tutorial diatas bisa langsung tanya di tempat yang sudah di sediakan .
Semoga bermanfaat , salam kenyut . . .
