Dua
hari googling cara Membuat Kotak Komentar Facebook di Blogger membuat kepalaku
pening juga. Gimana ga puyeng, hampir semua blog yang kubuka dalam salah satu
langkahnya selalu memerintahkan untuk find (Ctrl F) <b:includable
id='comment-form' var='post'> dalam template blog. Sialnya di template blog
pumyaku ga ada kode begitu. Puluhan kali gagal deh bikin kotak komentar facebook
di blogku.
Mulai
ada titik terang setelah membuka
Plugins Comment Facebook.
Di
Facebook
ini aku menemukan dua buah script yang cukup mudah pemasangannya:
1.
Cantumkan JavaScript SDK pada halaman Anda, idealnya tepat setelah tag pembuka
<body>.
2. Tempatkan kode untuk plugin Anda di mana pun Anda inginkan plugin itu muncul di halaman Anda.
2. Tempatkan kode untuk plugin Anda di mana pun Anda inginkan plugin itu muncul di halaman Anda.
Aku
langsung praktekkan sesuai yang diperintahkan dan hasilnya gagal maning.
Di
tengah kegalauanku gara-gara ini tanpa sengaja kubaca sebuah dialog antara dua
orang yang bernama Fede dan Harish di
Way2Blogging.
Berikut adalah obrolan kedua orang itu :
fede December 6,
2012 11:46 pm
Hello friend!
I did everything as you indicated, but I get an error saving changes:
Error parsing XML, line 805, column 62: The reference to entity “appId” must End With the ‘;’ delimiter.
Can you help???
regards
Harish December 7, 2012 12:13 am
replace appid with amp;appid
Hello friend!
I did everything as you indicated, but I get an error saving changes:
Error parsing XML, line 805, column 62: The reference to entity “appId” must End With the ‘;’ delimiter.
Can you help???
regards
Harish December 7, 2012 12:13 am
replace appid with amp;appid
Omongan si Harish ini kupraktekkan juga dan alhamdulillah hasilnya seperti Anda
bisa lihat di bawah. Akhirnya blogku punya kotak komentar facebook.
Aku
begitu bernafsu untuk memasang kotak komentar facebook ini karena aku tahu
manfaatnya lumayan besar. Kotak komentar facebook membantu Anda mendapatkan
backlink berkualitas dari situs web dan di facebook Anda dapat berkomentar
beberapa kali dan tidak perlu ada untuk persetujuan atau moderation. Anda juga
dapat memberikan hyperlink ke website Anda dengan kata kunci dan akan membantu
dalam mendapatkan peringkat yang baik di google. Begitu kata temanku.
Begitulah awal ceritanya. Selanjutnya adalah langkah-langkah yang harus
dilakukan apabila Anda pun berminat untuk memasang kotak komentar facebook ini
di blog Anda:
1.
Copy Kode berikut
<div id="fb-root"></div>
<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 = "//connect.facebook.net/id_ID/all.js#xfbml=1&amappId=KODE APLIKASI FACEBOOK ANDA"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> |
"KODE_APLIKASI_FACEBOOK
ANDA" ganti dengan kode aplikasi facebook Anda. misalnya : "428431580575151"
sehingga menjadi :
<div id="fb-root"></div>
<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 = "//connect.facebook.net/id_ID/all.js#xfbml=1&appId=428431580575151"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> |
Kalau
belum memiliki klik
disini untuk membuatnya.
2.
Masuk akun Blogger Anda → klik "Template"
blog Anda → klik "EDIT HTML"
3. Cari (Ctrl+F)
"<body" kemudian paste kode pada langkah nomor 2 di bawah
"<body..........> seperti contoh di bawah :
4. Klik "Simpan
template" (Save) → klik "TUTUP"
5. Selanjutnya copy kode di bawah ini dengan
terlebih dulu mengganti "http://blogAnda" dengan URL blog Anda.
misalnya "http://bloggy-tutorial.blogspot.com/"
. Ganti juga ukuran lebar (width) kotak komentar sesuai kebutuhan blog Anda.
Pada contoh ini width="500".
<div class="fb-comments" data-href="http://blogAnda"
data-width="500" data-num-posts="10"></div>
|
6. Masuk
akun blogger → klik "Tata Letak"→ klik "Tambahkan
Gadget". Pilih "HTML/JavaScript". Lihat Gambar.
7. Tampilan
berikutnya, isi judul "Komentar Facebook" atau sesuai selera Anda.
Dikosongkan juga ga apa-apa. Paste script pada nomor 5 seperti pada gambar di
bawah, kemudian klik "Simpan" (Save).
8. Letakkan
posisi kotak komentar facebook sesuai kehendak Anda (biasanya di bawah postingan).
Lalu klik "Simpan Setelan" (Save).
9. Selesai.
Selamat mencoba. Goodluck!!
Istilah terkait
kotak komentar : buat kotak komentar, kotak komentar blog, kotak komentar
blogger, kotak komentar facebook, membuat kotak komentar
