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.
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
 
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&amp;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


Like

Kolom Komentar....!