Thursday, April 25, 2019

Cara Tambah Komentar Facebook Pada Blog (Blogspot)

Komentar Facebook

Kolom komntar sangat dibutuhkan pada sebuah blog. elain kolom bawaan blog, ada juga Disqus yang sangat popular. Namun dari kedua diatas, anda juga bisa tambhakan kolom komentar facebook. Cara ini sudah sangat lama sekali, namun kebanyakan orang script apa saja digunakan. Silahkan disimak ulasan di bawah ini.

 1. Cari </head>, lalu tempelkan kode di bawah ini tepat diatasnya.
<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>
2. Cari lokasi dimana anda imgin tempatkan kode di bawah. Contoh: Jika anda ingin tempatkan kode ini dibawah "RELATED POST", silahkan cari dan pastekan di bawahnya.
<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>
NOTE: Gunakan pencarian di HTML anda dengan tekan C+F. Selamat mencoba.

Sebenarnya ada sebuah script yang tidak saya post adalah:

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

Karena kode/script di atas sudah dimiliki oleh setiap template, namun jika anda tidak memilikinya, anda bisa tempatkan di bawah kode <head>.

Happy Blogging!

No comments:

Post a Comment