Cara Membuat Kotak Komentar Facebook di Blogger

Posted by Gih.! Senin, 13 Januari 2014 0 komentar
hampir semua blog yang  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://giehcyberart.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!!
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Cara Membuat Kotak Komentar Facebook di Blogger
Ditulis oleh Gih.!
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://giehcyberart.blogspot.com/2014/01/cara-membuat-kotak-komentar-facebook-di.html. Terima kasih sudah singgah membaca artikel ini.

0 komentar:

Posting Komentar

Komentar Facebook

AutoLike FB

Widget by:Gieh Cyber Art
Template by GiehAttacker | Copyright of Gieh Cyber Art.