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 bekerjsama manis 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.

Tutorial Cara Membuat dan Memasang Widget Komentar Facebook di Blog Blogspot Cara Memasang Gadget Komentar Facebook di Blog Blogspot

Kalau dilema Spam Comments, bekerjsama 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 pemberian kode FB App ID dan FB Admins.

Cara Memasang Gadget Komentar Facebook di Blog Blogspot


Silakan masuk ke halaman Blogger menyerupai biasa, eksklusif masuk ke "Theme" dan ketuk sajian "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.

Tutorial Cara Membuat dan Memasang Widget Komentar Facebook di Blog Blogspot Cara Memasang Gadget Komentar Facebook di Blog Blogspot

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

Agar komentar Facebook tidak terjadi error, harap ikuti isyarat Cara Mendapatkan Open Graph FB App ID dan FB Admins dengan benar.*
Sumber https://tipsseokiller.blogspot.com/

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel