Cara Membuat FB Comment Agar Blog Anda Menarik

 FB Coment dari http://contohblognih.blogspot.com:

1. Dashboard --> Template -->Edit HTML

2. Cari (CRTL+F) kode <body> atau yang semisalnya. Soalnya ada juga template yang kode body-nya ity kaya gini <body exp.... bla bla.... > .
3. Copy + Paste kode berikut ini di bawah kode <body> tadi.

<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

4.  Copy kode berikut ini dan simpan (Paste) tepat di bawah kode <div class='post-footer-line post-footer-line-3'> atau di bawah kode  <div class='comments' id='comments'>. Jika ada dua kode begitu di template blog Anda, simpan di bawah kode yang kedua.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin-top:20px'>
<div class='fb-comments' data-num-posts='5' data-width='600' expr:data-href='data:blog.url'/>
</div>
</b:if>

Catatan:
  • Angka 600 di atas adalah lebar kotak komentar Facebook. Sesuaikan dengan lebar text area blog Anda.
  • Bisa juga kode tersebut diletakkan di bawah kode yang digunakan untuk Related Posts (<div class='related posts'> ... dst.. sampai kode penutup </div>)
JIKA hanya ingin menampilkan kotak komentar Facebook di halaman tertentu, seperti yang CB punya yang hanya muncul di posting ini, maka gunakan kode berikut ini (ada tambahan yang warna merah).
      <div class='post-footer-line post-footer-line-3'>
<b:if cond='data:blog.url == "http://contohblognih.blogspot.com/2014/02/cara-pasang-kotak-komentar-facebook-di.html"'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin-top:20px'>
<div class='fb-comments' data-num-posts='5' data-width='600' expr:data-href='data:blog.url'/>
</div>
</b:if>
</b:if>

Ganti http://contohblognih.blogspot.com/2014/02/cara-pasang-kotak-komentar-facebook-di.html
dengan permalink atau url posting/page yang akan memunculkan kotak komentar Facebook
6. Save Template!

Comments

Post a Comment