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 == "item"'>
<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 :-)
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 == "item"'>
<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 :-)
gan,,, komentar fb d blogq ko' jadi ada 2 ya..
ReplyDeleteklo komen yg di atas, d post laen gak kebaca,,
nah, klo komen yg di bawah,, d post laennya kebaca.. Gimana tu??
ni blog q gan :
http://nurmajdi.blogspot.com/2013/07/cara-membuat-foto-ukuran-4x6-cm-dengan.html
makasih bnyk gan,,, :)
Terima kasih Gan, atas kunjungannya :-).
Deletepermasalahan Agan adalah KOLOM KOMENTAR FACEBOOK ADA DUA
"Penyebabnya adalah karena Agan memasang lagi kolom komentar BERDAMPINGAN dengan komentar Blogger"
Jadi untuk menghilangkannya satu diantaranya, Agan bisa melakukan penghapusan kode-kode di bagian "EDIT HTML" kode-kode yang harus Agan hapus adalah kode-kode yang pernah Agan masukan sebelumnya ketika membuat KOLOM Komentar FB (bukan kode ketika membuat kolom komentar BERDAMPINGAN"
kode yang Harus agan hapus adalah kode-kode seperti langkah KETIGA dan langkah KEEMPAT (jadi ada 2) dalam postingan di blog saya yang berjudul "Cara Memasang Kotak Komentar Facebook di Bawah Postingan Blog Kita" ini.
Terima kasih :-)