Memasang Komentar Facebook Responsive di Bawah Posting Blog

Posted by New Johny Wuss

Cara memasang komentar Facebook responsive di bawah posting blog. Namun, sebelum memutuskan membuat kotak komentar Facebook, pertimbangkan lagi. Pasalnya, kolom komentar Facebook mengandung risiko:

  1. Banjir komentar spam dan sampah --link hidup, link aktif,  komentar promosi, link judi, pornografi, dll.
  2. Komentar Facebook memberatkan loading blong, mengurangi kecepatan tampilan halaman.
Memasang Komentar Facebook Responsive di Bawah Posting Blog


KODE RESPONSIVE FACEBOOK UNTUK BLOGGER

1. Kode Meta Tags - Open Graph
Pasang di bawah kode <head>

<meta content='Kode ID Facebook admin' property='fb:admins'/> 
<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 == &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>
4. Save Template!

Demikian Kode dan Cara Pasang Komentar Facebook Responsive di Bawah Posting Blog.*

» Thanks for reading: Memasang Komentar Facebook Responsive di Bawah Posting Blog
Previous
« Prev Post
CB Blogger
New Johny WussUpdated: November 01, 2015

0 comments:

Post a Comment

Follow & Get Update by Email

CB