Home » Blog » Cara pasang kotak komentar facebook di blog mudah

Cara pasang kotak komentar facebook di blog mudah


Cara pasang kotak komentar facebook di blog mudah: awalnya selama tiga hari saya browsing untuk memasang kotak komentar di blog saya.
Dan saya coba satu persatu ternyata eh ternyata semua kode dalam panduan tersebut tidak ada di blog saya loh.
Saya pun hampir putus asa dan menyerah, sampai pada suatu saat saya menemukan artikel di bawah ini.

Berikut panduan Cara pasang kotak komentar facebook di blog mudah:

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 TEMAN TEMAN”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

“KODE_APLIKASI_FACEBOOK TEMAN TEMAN” ganti dengan kode aplikasi facebook Teman teman. 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 Teman teman → klik “Template” blog Teman teman → 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://blogTeman teman” dengan URL blog Teman teman. misalnya “http://www.otongdotcom.net/” . Ganti juga ukuran lebar (width) kotak komentar sesuai kebutuhan blog Teman teman. Pada contoh ini width=”500″.

<div class=”fb-comments” data-href=”http://blogTeman teman” 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 Teman teman. 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 Teman teman (biasanya di bawah postingan). Lalu klik “Simpan Setelan” (Save).

9. Selesai. Cek blog temen teman okeh.

Cara pasang kotak komentar facebook di blog mudah

2 Comments

Add a Comment

Your email address will not be published. Required fields are marked *