Cara Memasang Kotak Komentar Facebook di Blog Blogspot

Cara memasang kolom atau Kotak Komentar Facebook (Facebook Comment Box) di Blog Blogspot sangat mudah. Kodenya sudah disediakan Facebook.

Ini cara paling mudah menampilkan kolom komentar yang bisa dishare langsung ke Facebook oleh Anda atau pengunjung.

Anda bisa "ambil" kode kotak komentar FB itu di sini: Facebook Developer.
Jika gagal, Anda bisa gunakan kode-kode di bawah ini yang pernah digunakan CONTOHBLOG,namun CB lepas lagi karena ternyata hanya mengurangi kecepatan loding blog.

Cara Pasang Kotak Komentar Facebook di Blog Blogspot

1. Dashboard --> Template -->Edit HTML
2. Cari (CRTL+F) kode <body>
3. Copy kode berikut ini dan simpan (paste) di bawah kode <body>

<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='comments' id='comments'>. Jika ada dua kode begitu di template blog Anda, simpan di bawah kode yangkedua.

<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>)
5. Save Template!

Good Luck and Happy Blogging....!

0 komentar:

Posting Komentar