15 December 2015

Cara Mudah Memasang Komentar Facebook di Blog

Sesuai judul artikel diatas cara mudah memasang komentar facebook di blog, kamu bisa menambahkan script komentar facebook di kolom komentar agar pengunjung dapat lebih mudah berkomentar tanpa login ke google+.

Perhatikan tutorialnya baik-baik dibawah ini:

1. Login blogger dan cari menu Template > edit HTML > Tekan ctrl+f masukkan code <head> di colom pencarian dan copy script dibawah ini tepat dibawah code <head>

<meta content='Kode ID Facebook admin' property='fb:admins'/>
<meta content='Kode ID Aplikasi Facebook' property='fb:app_id'/>

2. Selalnjutnya tambahkan scipt dibawah ini sebelum code <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. Cari code <data:post.body/> masukkan script dibawah ini tepat dibawah code <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. Simpan Template

Saya rasa tutorial sangat mudah difahami dan semoga bermanfaat.