Pada kesempatan yang berbahagia ini, saya akan memnerikan tutorial mengenai Cara membuat Komentar Facebook di Blog
Langsung saja (diperhatikan yaaa....)
1. Pilih menu Template, lalu pilih Edit HTML
2. CTRL+ F, dan cari kode </head>, lalu copy paste script di bawah ini dan letakkan 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>
//<![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. CTRL+ F, dan cari kode <div class='comments' id='comments'>, lalu copy paste script di bawah ini dan letakkan di bawah kode <div class='comments' id='comments'>
<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>
<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>
4. CRTL+F, dan cari kode <body>, lalu copy paste script di bawah ini dan letakkan di bawah kode <body>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
5. CTRL+ F, dan cari kode <div class='comments' id='comments'>, lalu copy paste script di bawah ini dan letakkan di bawah kode <div class='comments' id='comments'>. Jika ada lebih dari satu kode, maka copy paste pada kode yang kedua.
<b:if cond='data:blog.pageType == "item"'>
<div style='margin-top:20px'>
<div class='fb-comments' data-num-posts='5' data-width='500' expr:data-href='data:blog.url'/>
</div>
</b:if>
<div style='margin-top:20px'>
<div class='fb-comments' data-num-posts='5' data-width='500' expr:data-href='data:blog.url'/>
</div>
</b:if>
Catatan : 500 adalah untuk menentukan lebar komentar facebook.
6. Save Template
Sekian Tutorial dari saya semoga bermanfaat....
Terima kasih telah membaca artikel tentang Cara Membuat Komentar Facebook di Blog dan anda bisa bookmark artikel Cara Membuat Komentar Facebook di Blog ini dengan url http://rifkiofficial.blogspot.com/2014/12/cara-membuat-komentar-facebook-di-blog.html. Terima kasih
thanks! akhirnya gue nggak cuma bisa ngeshare fanpage fb di blog, tapi komen fb juga :)
ReplyDeleteKalau kolom komentar, lebih suka bawaan dari blog.
ReplyDeleteMales diedit edit lagi. Hehe