Memasang Komentar Facebook Responsive di Bawah Posting Blog
CB Blogger | November 01, 2015
Cara memasang komentar Facebook responsive di bawah posting blog. Namun, sebelum memutuskan membuat kotak komentar Facebook, pertimbangkan lagi. Pasalnya, kolom komentar Facebook mengandung risiko:
- Banjir komentar spam dan sampah --link hidup, link aktif, komentar promosi, link judi, pornografi, dll.
- Komentar Facebook memberatkan loading blong, mengurangi kecepatan tampilan halaman.
KODE RESPONSIVE FACEBOOK UNTUK BLOGGER
1. Kode Meta Tags - Open Graph
Pasang di bawah kode <head>
<meta content='Kode ID Aplikasi Facebook' property='fb:app_id'/>
2. Kode jQuery
Pasang 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>
3. Kode HTML/XML
Pasang di bawah kode <data:post.body/>
<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>
4. Save Template!
Demikian Kode dan Cara Pasang Komentar Facebook Responsive di Bawah Posting Blog.*
4. Save Template!
Demikian Kode dan Cara Pasang Komentar Facebook Responsive di Bawah Posting Blog.*
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
0 komentar on Memasang Komentar Facebook Responsive di Bawah Posting Blog
Post a Comment