2000 Visitor Per Hari Dari Kotak Komentar FB di Blog

2000 Visitor Per Hari Dari Kotak Komentar FB di Blog - Salah satu elemen penting dalam suatu blog adalah sarana untuk berkomentar, olehnya itu telah ada sarana berkomentar bawaan blog, namun kadang sebagai kala kita jenuh bila harus berkomentar dari sarana berkomentar bawaan blog. Nah untuk mengatasi kejenuhan itu, kita sebagai admin blog kreatif sedikit, mumpung dah ada sarana berkomentar miliknya fb alias facebook. Apa lagi jejaring sosial fb ini sedang netop-ngetopnya di negara kita kita, so pasti banyak pengunjung kita yang tentunya memiliki akun fb akan berkomentar di blog kita, melalui sarana berkomentar fb yang telah dipasang di blog kita. Dan sarana berkomentar ifb di blog ini multi fungsi, karena merupakan sarana atau sumber traffic ke blog kita. 
Karena setiap komentar visitor di blog kita via kotak komentar fb, otomatis komentar visitor kita akan terkirim otomatis ke akun fbnya, dan bisa dilihat oleh terman2 fb dari visitor kita. Bayangkan bila dalam sehari ada 10 visitor yang berkomentar, dan masing2 visitor kita punya Teman fb 2000-an, dan masing2 teman fb dari visitor kita itu online sekitar 10% dan lantas berkunjung ke blog kita, maka kita saat itu juga akan mendapatkan visitor sekitar 2000-an visitor baru, hanya karena komentar dari 10 visitor pertama kita.
Makanya segera pasang sarana atau kotak komentar fb di blog Agan. Cara pasangnya mudah koq, nih simak naik2 yach gan:
  • Pertama-tama login di facebook
  • Kunjungi pengaturan Facebook Developer
  • Daftarkan blog agan dengan mengisi formulir yang diberikan:
  • Nama situs: Nama situs/blog agan
  • Url situs: Alamat blog agan (contoh:http://www.aalmarusy.blogspot.com/ selalu akhiri dengan slahs "/")
  • Lokasi: pilih bahasa Indonesia
Agan akan diberikan beberapa kode seperti ID Aplikasi,
Copy kode tersebut atau catat di notepad karena nantinya kode itu akan dibutuhkan sebagai APP ID FACEBOOK AGAN.
Perlu diketahui bahwa sistem komentar ini menggunakan kode FBML
Supaya Template support FBML maka kita lakukan langkah berikut
  • Masuk ke Blogger agan
  • Menuju ke "Rancangan" dan pilih "Edit HTML"
  • Cari kode <body> lalu paste kode dibawah ini tepat dibawahnya. Ini kodenya:
<div id="fb-root"></div>

<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : 'APP ID FACEBOOK AGAN',
      status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the   session
      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>

Kode berwarna merah adalah kode (ID) aplikasi facebook agan yang tadi agan .dapatkan di langkah sebelumnya
Langkah selanjutnya cari Kode </head> letakkan kode berikut di bawah kode </head>:


<b:if cond='data:blog.pageType == &quot;item&quot;'>

<meta   expr:content='data:blog.pageTitle' property='og:title'/>
<meta   expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta   expr:content='data:blog.title' property='og:title'/>
<meta   expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta   content='MY-SITE-NAME' property='og:site_name'/>
<meta   content='http://google.com/help/hc/images/logos/blogger_logo.gif'   property='og:image'/>
<meta content='APP ID FACEBOOK AGAN'   property='fb:app_id'/>
<meta content='ID FACEBOOK PROFILE AGAN'   property='fb:admins'/>
<meta content='article'   property='og:type'/>

Penjelasan kode:
kode berwarna biru adalah nama situs blog agan (contoh: http://www.katailmu.com);
kode berwarna merah adalah kode (ID) aplikasi fb agan yang tadi agan dapatkan di langkah sebelumnya ( Contoh: 164805616879776)
kode ungu adalah kode (ID) facebook profile agan
Cara mengetahui ID facebook profile:
Agan masuk ke Profil agan lalu agan lihat alamat di address bar browser agan, (contohnya ID facebook profil saya: http://www.facebook.com/ameeral.maruzy)
  • Simpan template, Selamat Blog agan sudah support FBML 
Selanjutnya adalah tahap pemasangan kotak komentar!
  • Agan expand widget template agan!
  • Cari kode <data:post.body/>
  • Lalu paste kode ini dibawahnya
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><a href='http://bit.ly/f1u0AY' target='_blank'><img alt='' class='icon-action' src='http://3.bp.blogspot.com/-EmsfMnSYsOI/UNvHmeSr65I/AAAAAAAAM1s/L9Cs6f6ePyI/s1600/fb+koment.png'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;APP-ID AGAN&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;); e.async = true;
e.src = document.location.protocol +
&#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> Powered by <a href='http://bit.ly/f1u0AY' target='_blank' title='Facebook Comment'>FB Comment Blogspot</a></b></div>
Kode berwarna merah di ganti dengan kode APP ID agan, yang didapat tadi.
  • Simpan template agan
  • Bagi yang menginstal auto readmore, paste kode fecebook tadi tepat dibawah kode auto readmore.
Nah sekarang Agan Sudah bisa merasakan manfaat Kotak komentar fb di yang luar biasa.