[TIPS & TRICKS] Panduan Lengkap Buat Kotak Komentar Facebook di Blogspot

Kotak Komentar FB

Sederhana, keren, efektif, tapi mungkin belum semua tahu cara membuatnya...
Langsung aja gan, kali ini saya mau sedikit share tentang PANDUAN LENGKAP BUAT KOTAK KOMENTAR FACEBOOK DI BLOGSPOT, cekidott...

1. Masuk ke https://developers.facebook.com/apps (jangan lupa log in dengan account fb agan dulu ya)

2. Daftar sebagai developer (Register as a Developer)

3. Beri centang pada kotak kecil di kiri bawah, lalu klik "Continue"

4. Centang pada kotak "Web", lalu klik "Continue"

5. Klik "Done", konfirmasi email Anda, Anda baru saja terdaftar sebagai Developer

6. Lanjut gan, klik "Create New App"

7. Isi "App Name" dengan Nama Kotak Komentar Anda (bebas max. 32 karakter), isi "App Namespace" dengan kode kotak komentar Anda (semua huruf disambung) ; pastikan kedua nama diatas sampai Valid/Available, kosongkan kotak "Web Hosting", klik "Continue"

 

8. Isi kode Captcha, klik "Continue"

9. Basic Info : Cukup isi "App Domains" dengan alamat blog Anda, centang Disable pada "Sandbox Mode", klik "Website with Facebook login" dan isi url blog Anda, klik "Save Changes"

 

Next...

10. Buka account Blogger Anda

11. Pilih Template, lalu Edit HTML

12. Cari kode <b:skin><![CDATA[ dan copas (copy-paste) kode dibawah ini tepat diatasnya!!

<meta content='nama.fb.anda' property='fb:admins'/>
<meta content='0123456789101112' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script src='http://panduan-template-blog-id.googlecode.com/files/CommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

• Ganti nama.fb.anda dengan nama akun Facebook anda
• Ganti 0123456789101112 dengan ID Aplikasi Facebook anda yang telah anda buat (lihat gambar No.9)

13. Cari kode <div class='post-footer-line post-footer-line-3'/> dan copas (copy-paste) kode dibawah ini tepat dibawahnya!!

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-comments' data-num-posts='25' data-width='600' expr:data-href='data:post.url'/>
</b:if>  

• data-num-posts='25' merupakan jumlah komentar yang akan ditampilkan. Ubah sesuai keinginan Anda
• data-width='600' merupakan lebar kolom komentar. Ubah sesuai dengan lebar post di blog Anda

14. Simpan (save) template, dan lihat dibagian bawah tiap postingan blog Anda.


Mudah²an artikel kali ini bermanfaat buat agan semua, kalau ada kekurangan jangan dibatain ya :mewek

Jangan sungkan bertanya n berbagi gan.. ^_^

Other products :