Cara Memasang Gadget Komentar Facebook Di Blog Blogspot

Tutorial Cara Membuat dan Memasang Widget Komentar Facebook di Blog Blogspot

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

Yang lebih praktisnya, Facebook juga telah menyediakan kodenya di Facebook Developer.

Pemasangan widget komentar Facebook di blog gotong royong anggun buat SEO. Percaya atau tidak, para pengunjung akan masuk atau kembali lagi ke situs teman karena ada yang membalas komentar seseorang.

Singkatnya, gadget komentar Facebook cocok untuk kolom komentar perdebatan :) Namun, beberapa blogger enggan memasangnya karena rawan Spam Comments.

Kalau dilema Spam Comments, gotong royong sanggup di atasi dengan pemasangan Tracking Code dari FB Admins yang sanggup teman dapatkan melalui Cara Mendapatkan kode FB App ID dan FB Admins yang bertujuan untuk memoderasi komentar Facebook yang masuk.

So, tutorial ini bekerja dengan sangat baik pada SEO Kraken Blogger Theme, template blog premium yang aku jual. Apalagi sudah menerima derma kode FB App ID dan FB Admins.

Cara Memasang Gadget Komentar Facebook di Blog Blogspot

Silakan masuk ke halaman Blogger menyerupai biasa, pribadi masuk ke "Theme" dan ketuk hidangan "Edit HTML".

Cari <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 sebelum kode <head/> atau &lt;/head&gt;&lt;!--<head/>--&gt; atau... di atas kode <head/> atau &lt;/head&gt;&lt;!--<head/>--&gt;

Masih di dalam template blogger, cari kode id='comments. Tampilan kode lengkapnya, kurang lebih menyerupai di bawah ini:

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

Selanjutnya, Copas 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> 

Letakkan di bawah kode:

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

Sehingga karenanya akan tampak menyerupai 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> 

Silakan simpan template blogger dan lihat hasilnya.

Jika terjadi error alasannya ialah dilema "Object Valid" atau bagaimana, biasanya ada dilema di bab Tracking Code FB Admins.

Agar komentar Facebook tidak terjadi error, harap ikuti arahan Cara Mendapatkan Open Graph FB App ID dan FB Admins dengan benar.*