Cara Pasang Gadget Komentar Facebook di Blog Blogspot

Arief Ghozaly

Tutorial Cara Membuat dan Memasang Widget Komentar Facebook di Blog Blogspot

Membuat dan menampilkan Facebook Comment Box di blog tergolong sangat mudah.

Facebook juga telah menyediakan kodenya. Untuk mendapatkannya, sobat bisa mendapatkannya di Facebook Developer.

Sedikit intermezzo, komentar Facebook bagus buat SEO, apalagi kalau komentarnya banyak. Masalahnya, rawan Spam Comments. Karena rawan itulah, sobat harus membuat dan memiliki FB App ID dan FB Admins.

Tutorial ini khusus di buat untuk para pengguna/pembeli SEO Kraken Blogger Theme, apalagi sudah ada dukungan kode FB App ID dan FB Admins.

Cara Pasang Gadget Komentar Facebook di Blog Blogspot

Login ke Blogger seperti biasa, langsung masuk ke Tema dan klik Edit HTML. Cari kode <head/> atau &lt;/head&gt;&lt;!--<head/>--&gt;

<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>

Copas kode di atas, TEPAT di atas kode <head/> atau &lt;/head&gt;&lt;!--<head/>--&gt; yang sobat temukan barusan.

Masih di dalam template, silakan cari kode id='comments. Tampilan kodenya, kurang lebih seperti ini:

    <b:includable id='comments' var='post'>
     <div class='comments' id='comments' itemscope='itemscope' itemtype='https://schema.org/Comment'>

Salin (Copy) kode di bawah ini:

<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>

Paste (tempel) TEPAT di bawah kode yang sobat temukan barusan (di atas). Hasilnya kurang lebih akan seperti di bawah ini:

    <b:includable id='comments' var='post'>
     <div class='comments' id='comments' itemscope='itemscope' itemtype='https://schema.org/Comment'>
<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>

Silahkan simpan template blogger.

Silakan test berkomentar sekali dan balas komentar tersebut, lalu tinggalkan sekali lagi komentar (komentar kedua) dan balas sekali lagi.

Jika muncul tulisan "error object", kode FB Admins yang bermasalah. Semoga berguna.*

Labels:

Thanks for reading Cara Pasang Gadget Komentar Facebook di Blog Blogspot. Bagikan postingan ini ke sosial media kamu, ya! :)