Cara Memasang Facebook Comment Box di Blogger - Kotak Komentar

Kotak komentar Facebook adalah kotak komentar terbaik untuk blog. Dengan menggunakan kotak komentar facebook pengunjung bisa menambah komentar pada artikel di blog anda dengan mudah. Beberapa orang yang login di facebook,mereka bisa berkomentar dengan mudahnya.

Karena banyaknya pengguna facebook tentunya facebook juga memiliki banyak fitur salah satunya yaitu facebook comment box. Hampir seluruh orang yang mengenal dan menggunakan internet mengenal facebook hal inilah yang menambahkan nilai lebih,rata-rata pengunjung malas untuk berkomentar jika kesulitan dalam berkomentar.

Cara Memasang Facebook Comment Box di Blogger - Kotak Komentar

Namun dengan facebook masalah tersebut bisa teratasi.Dalam tutorial ini saya akan menunjukkannya, bagaimana cara menambahkan kotak komentar facebook versi terbaru di blogspot. Kotak komentar fecebook versi terbaru ini terlihat mengagumkan. Pengembang Facebook memperbarui API baru mereka dari versi sebelumnya ke versi baru v2.3.

Keuntungan Memasang Kotak Komentar Facebook

Pengunjung bisa berkomentar dengan mudahnya jika sebelumnya mereka sudah login ke facebook. Kotak komentar versi facebook terbaru terlihat lebih indah dari versi sebelumnya. Pertama-tama, dalam tutorial ini kita berbicara tentang fasilitas dari kotak komentar Facebook.

Kita semua tahu bahwa Facebook adalah situs jejaring sosial terpopuler di dunia. Mereka selalu merilis fitur baru untuk melayani masyarakat dan untuk menangkap pengunjung lebih banyak di Facebook. 

Jadi kotak komentar Facebook adalah salah satu fitur terpopuler facebook. Ketika beberapa orang menyukai dan membalas komentar mereka. Pemberitahuan muncul ke pengguna. Dan juga menyediakan beberapa fitur komentar. 

Kerugian Memasang Kotak Komentar Facebook

Kerugian utama dari kotak komentar Facebook di blogger adalah bahwa spider Google tidak pernah merayapi komentar Facebook sebagai komentar blog, jadi komentar ini tidak bisa berguna dalam pandangan optimasi. Sehingga kotak komentar facebook ini tidak akan meningkatkan nilai SEO blog anda namun juga tidak akan menurunkan nilai SEO blog anda.

Cara Memasang Kotak Komentar Facebook

Langkah 1
Silakan masuk ke blogger ,pilih Template → Edit HTML. Cari kode <head> dan letakkan kode berikut dibawah kode <head>

<meta expr:content='data:blog.url' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if>
<meta content='website' property='og:type'/></b:if></b:if></b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<meta content=’YOUR_APP_ID ‘ property=’fb:app_id’/>
<meta content=’http://www.facebook.com/username‘ property=’fb:admins’/>
<meta content=’article’ property=’og:type’/>

  • Ganti kode yang berwarna merah dengan ID aplikasi facebook sobat,bisa anda buat disini https://developers.facebook.com/apps/?action=create 
  • Ganti kode yang berwarna kuning dengan url facebook admin/anda

Langkah 2
Salin kode berikut lalu letakkan diatas kode </body>

<div id='fb-root'/>
<script type='text/javascript'>
//<![CDATA[
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR-FB-APP-ID',
status : true, // check login status
cookie : true, // enable cookies 
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
//]]>
</script>

Ganti kode yang berwarna merah dengan ID aplikasi facebook yang telah anda buat

Langkah 3
Silakan salin kode berikut dan letakkan dimana facebook comment box ingin dimunculkan,jika ingin diletakkan dibawah artikel maka letakkan dibawah kode </article>
 
<b:if cond='data:post.isFirstPost'>   
<script>(function(d){
 var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
 js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
 js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
 d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>(function(d){
 var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
 js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
 js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
 d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
<div style='margin: 20px 0 0 0;background:white;border:1px solid silver;'><fb:comments colorscheme='light' data-version='v2.3' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='100%'/></div>
</b:if>
  <div class='clear'/>

lalu simpan template

Sekarang coba buka blog sobat dan cek apakah facebook comment box sudah muncul di blog anda. Jika sudah maka kita akhiri artikel ini jika belum silakan tanyakan di kolom komentar dibawah. Cukup sekian tutorial yang bisa saya bagikan semoga bermanfaat.

Subscribe to receive free email updates:

6 Responses to "Cara Memasang Facebook Comment Box di Blogger - Kotak Komentar"

  1. Sebenar nya bagusan kolom komen dari blog apa kolom komen dari facebook gan ?

    ReplyDelete
    Replies
    1. Bagusan dari blog gan karena berpengaruh terhadap SERP

      Delete
  2. Bagusan pake disqus atau ini ya gan?
    Disqus jg pake fb kan..

    ReplyDelete
    Replies
    1. Disqus berat menurut saya dan juga ribet kalau mau komen,sedangkan facebook lebih cepat namun tidak selengkap disqus

      Delete
  3. ane pakek kolom komen yang dari G+, selain kegunaan macam agan blang tadi juga lebih simple.

    ReplyDelete

Jangan ada link aktif di komentar karena komentar anda di moderasi!