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

Tips & Tricks - Panduan lengkap membuat kotak komentar Facebook di web blog
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 :

Share this product :

+ comment(s) + 4 comment(s)

Anonim
29 Jul 2018 05.28.00

Awesome article.

Anonim
18 Jul 2019 11.39.00

Just want to say your article is as surprising. The clarity on your post is
simply great and i can think you are an expert in this subject.

Fine together with your permission let me to seize your feed to keep up to date with coming near near
post. Thanks 1,000,000 and please keep up the enjoyable work.

Anonim
25 Jul 2019 19.52.00

I’m not that much of a online reader to be honest
but your sites really nice, keep it up! I'll go ahead and bookmark your website to come back later.

All the best

Anonim
28 Jul 2019 00.58.00

I am genuinely thankful to the holder of this site who has shared this fantastic post at at this time.

Posting Komentar

Terima kasih telah membaca artikel ini.
Saran, kritik dan testimoni Anda akan sangat berarti bagi blog kami..

Regards,
admin

 
ionlinerz corp © 2010-2017 | All Rights Reserved