Cara Memasang Kotak Komentar Facebook di Bawah Postingan

Table of Contents

Syarat Utama:
1. Pastikan Anda sudah login di Facebook Anda.
2. Pastikan Anda sudah mempunyai Fanspage/Halaman Facebook, jika belum silakan buat terlebih dahulu. Untuk langkah-langkah membuat Fanspage Klik di sini
3. Pastikan Anda sudah login di Blog Anda dan sudah berada di dasbor kategori "Template" yang berada di bawah "Tata Letak" lalu klik "Edit HTML".

Langkah-Langkahnya sebagai berikut:
1. Klik di sini, jika ada peringatan klik tulisan "Beralih". Setelah itu maka akan muncul halaman seperti di bawah ini.

Keterangan:
Isi semua kolom yang dilingkari warna merah sesuai keinginan Anda, lihat contoh di bawah ini.

URL to comment on : https://www.facebook.com/Adrea.Mgm (ganti dengan URL fanspage Anda)
Width: 550
Number of posts: 5
Color Scheme : light

2. Klik "Get Code", maka akan muncul halaman seperti di bawah ini.

Keterangan:
a. Copy kode pada kotak no 1
b. Klik di sini, setelah itu maka akan muncul halaman di tab baru lalu pastekan kode no 1 tadi dikolom seperti di bawah ini.

c. klik "Parse", setelah itu maka akan muncul halaman seperti di bawah ini dan kode tadi sedikit akan berubah.

3. Copy kode tersebut, lalu kembali ke tab "Edit HTML" cari kode </head>, lalu pastekan kode tadi tepat di bawah kode </head>. Untuk lebih jelasnya lihat gambar di bawah ini.

4. Setelah itu copy dan pastekan kode no 2 (dibagian your plugin kode) atau di bawah kode no 1 tadi. Kembali ke tab "Edit HTML lagi, cari kode <div class='post-footer-line post-footer-line-3'> lalu pastekan kode no 2 tadi tepat di bawah kode yang Anda cari tadi, untuk lebih jelasnya lihat gambar di bawah ini.

5. Selesai, Klik "Simpan Template" dan lihat hasilnya.

TAMBAHAN

Agar komentar tidak muncul atau bergabung disetiap postingan Anda yang lain dan akan tampil sesuai dengan postingan. Lakukan langkah-langkah di bawah ini.

Kembali ke tab "Edit HTML", lalu cari kode <data:post.body/>. Lalu pastekan kode di bawah ini tepat di bawah kode <data:post.body/>.

kode:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' num_posts='1' width='550'/></div>
</b:if>

Keterangan:
a. Jika Anda menemukan kode <data:post.body/> ada 3 atau bahkan 4, maka pastekan kode di atas sebanyak 3 atau 4 kali juga dan ingat tepat di bawahnya.
b. Ganti tulisan yang backgroundnya berwarna hijau (550) sesuai dengan ukuran kolom komentar Anda, tidak diganti juga bisa.

Selesai dan klik "Simpan Template" lalu Lihat blog Anda :-)