Memasang Komentar Facebook Responsive di Bawah Posting Blog
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.*
Available link for download
alternative link download
Memasang Komentar Facebook Responsive di Bawah Posting Blog
Reviewed by renata
on
11:44 AM
Rating:
Reviewed by renata
on
11:44 AM
Rating: