Pages

Subscribe:

Ads 468x60px

Tuesday, May 28, 2013

Cara Mudah Menambahkan Kolom Komentar Facebook di Blog

Untuk menambahkan kolom komentar di facebook sebelumnya kamu harus membuat aplikasi di facebook dulu, caranya gini :

1. Buat aplikasi di facebook (klik disini)
2. klik buat aplikasi baru di sebelah kanan atas
 
 




3. Lalu nanti akan ada tampilan seperti dibawah ini 








isi nama aplikasi kamu, tapi yang tulisan web hosting, jangan dicentang. klik lanjutkan
4. Setelah itu, kamu isi captha seperti ini, klik lanjutkan












5. nanti kamu akan melihat ini


Nah, setelah kamu berhasil membuat aplikasi di facebook
1. Login ke blog kamu
2. klik Template -> Edit HTML











3. Sesudah itu cari tulisan <body> seperti ini (bisa dengan bantuan CTRL + F )

4. Lalu Copy dan Paste Kode ini tepat dibawah <body>

<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=128941427309139";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
ganti kode yang saya highlight dengan APP ID yang sudah kamu buat sebelumnya
 
5. klik Simpan Template
6. Lalu, klik Tata Letak -> Tambahkan Gadget -> HTML/JavaScript






















7. Lalu, Copy kode ini
<div class="fb-comments" data-href="alamat web blog anda" data-width="450" data-num-posts="10"></div>
 8.  Lalu isi judul, sesuka anda, dan paste kode di langkah no 7 seperti ini. klik simpan.





















9. atur posisi komentar facebook akan diletakkan
10. selesai

0 komentar:

Post a Comment


Related Posts Plugin for WordPress, Blogger...

Komentar Facebook