Payeer

Buat Kotak Komentar Facebook Di Blogger


Seharian googling Buat Kotak Komentar Facebook Di Blogger membuat kepalaku pening juga. Gimana ga pening, di edit2 yang ada jadi hancur.

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.

Langsung aku praktekkan sesuai yang diperintahkan dan hasilnya GAGAL.

Di tengah kegalauanku dan begitu bernafsu memasang kotak komentar facebook ini, karena aku tahu manfaatnya lumayan besar. Kotak komentar facebook dapat 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 :

  • 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 : "524888414235223" 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=524888414235223";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

  • Kalau belum memiliki klik disini untuk membuatnya.
  • Masuk akun Blogger Anda, klik "Template" blog Anda,  klik "EDIT  HTML"
  • Cari (Ctrl+F) "<body"     Seperti contoh dibawah :

  • Klik "Simpan template" (Save) ? klik "TUTUP"
  • Selanjutnya copy kode di bawah ini dengan terlebih dulu mengganti "http://blogAnda" dengan URL blog Anda. misalnya "http://andoxsz.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>

  • Klik "Tata Letak" / "Tambahkan Gadget" / Pilih "HTML/JavaScript". 
  • Tampilan berikutnya, isi judul "Komentar Facebook" atau sesuai selera Anda. Dikosongkan juga gak apa-apa. Paste script, kemudian klik "Simpan" (Save).
  • Letakkan posisi kotak komentar facebook sesuai kehendak Anda (biasanya di bawah postingan). Lalu klik "Simpan Setelan" (Save).
Selesai !
loading...

Ingin mendapatkan artikel dari Serba Serbi Informasi tanpa membuka blog ini? Silahkan masukkan e-mail anda di kolom ini, artikel yang di post Serba Serbi Informasi akan otomatis terkirim ke e-mail anda:

3 Responses to "Buat Kotak Komentar Facebook Di Blogger"

  1. ga ngerti gan
    class="fb-comments" data-href="http://blogAnda" data-width="500" data-num-posts="10">
    itu maksudnya gimna?
    apa komentarnya ga kesluruhan posting?

    ReplyDelete