Cara Membuat Kotak Komentar Facebook Berdampingan di Blog

Cara Membuat Kotak Komentar Facebook Berdampingan di Blog - Setelah lama sekali tidak menulis, kali ini kita akan mencoba membuat Kotak Komentar Facebook Berdampingan di Blog, tanpa harus memakai APP ID atau API Key. Karena kami yakin tidak semua sobat kiat-cara.com bisa membuat APP ID Facebook disamping rumit juga memakan waktu tentunya. 

Untuk mengantisipasi hal inilah sengaja tutorial ini ditulis. Oke langsung saja kita praktekin, berikut langkah-langkahnya :

1. Tentu saja kita harus login dan buka Menu Template => Edit HTML

2. Cari Kode </header> dan pastekan kode berikut diatasnya.

<script src='http://jsblogstop.googlecode.com/svn/commentpages/jsCommentPages.js'/>

3. Next...untuk menampilkan kotak komentarnya kita perlu menambahkan tab nya, cari kode <div class='comments' id='comments'> atau sejenisnya dan pastekan kode berikut tepat diatasnya.

<div class='comments-tab' id='blogger-comments' title='Comments from Blogger'>

<data:post.numComments/> Comments

</div>

<div class='js-default-tab comments-tab' id='fb-comments' title='Comments made on Facebook'>

<fb:comments-count expr:href='data:post.url'/> Komentar

<div class='clear'/>

</div>

<div class='comments-page' id='fb-comments-page'>

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

    <div id='fb-root'/>

    <fb:comments expr:href='data:post.url' num_posts='10' width='600'/>

  </b:if>

</div>

<div class='comments comments-page' id='blogger-comments-page'>  

4. Setelah itu simpan templatenya dan lihat hasilnya.

5. Jika belum berhasil, berarti template sobat kiat-cara.com belum dilengkapi script fb-comment, tambahkan script berikut dibawah </footer> atau dibawah <!-- end outer-wrapper --> tergantung template kita masing-masing. berikut scriptnya :

<div id='fb-root'/>

<script>(function(d, s, id) {

  var js, fjs = d.getElementsByTagName(s)[0];

  if (d.getElementById(id)) return;

  js = d.createElement(s); js.id = id;

  js.src = &quot;//connect.facebook.net/id_ID/all.js#xfbml=1&quot;;

  fjs.parentNode.insertBefore(js, fjs);

}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

6. Simpan lagi Template nya dan mudah-mudahan sudah kelihatan.

Semoga bermanfaat.