Jumat, 04 Oktober 2013

Cara Membuat Kotak Komentar Facebook di Blogger

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 *_*

0 komentar:

Posting Komentar

Cool Blogs

hjMenu

gh
Hacked. Diberdayakan oleh Blogger.

Social Icons

Search This Blog