Senin, 07 April 2014

Tutorial Membuat Kotak Komentar FB Muncul di Blog

Hay sobat galeri, Pernah ganti tamplate dan kotak kometar fb di blog anda tiba2 menghilang? aku pernah tu, bete berat dah, mulai dari awal lagi, ribet tu cari tutorial gak ada yang berhasil, pas bisa tapi gak sesuai yang diharepin, ni pengabungan dari 2 tutorial yang sudah aku baca dari sekian tutorial di google, jika sobat galeri sama betenya ma gue, pa bagi kalian yang belum punya coba aja yang ini, insyaallah ^_^''bisa kok.
  1. FIRST
  • Pertama kilik DISINI
  • Buat aplikasi baru sebelumnya daftar dulu klik Register Now 
  • Setelah anda terdaftar klik Aplikasi baru or Create New App
  • Akan muncul kotak dialag seperti ini


  • Display Name ketik aja "kotak komentar"
  • Namespace dikosongin aja
  • Kategori pilih Aplikasi and Halaman
  • Klik Buat Aplikasi di kanan bawah


  • Akan muncul muncul ID Aplikasi, dicatet dulu nonya kalo perlu
  • Klik Pengaturan dan akan muncul kotak seperti ini

  • Kotak EMAIL KOTAK kamu isi dengan email kalian masing-masing
  • Kotak URL Situs kamu isi dengan situs blog kalian
  • Selanjutnya Simpan Perubahan

2. SECOND

Biasa masuk blog anda dan langsung aja 
  • Masuk di Tamplate dan Edit HTML
  • Cari  <b:skin><![CDATA[ atau klik aja Ctrl + F, setelah ketemu copas kode dibawah ini

<meta content='riadewi' property='fb:admins'/>
<meta content='288119551356830' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>


  • letakan kode tepat di ATAS <b:skin><![CDATA[  jangan lupa ganti meta content riadewi sesuai alamat akun fb kalian misal https://www.facebook.com/riadewi ambil yang paling belakang dan ubah, dan ganti meta conten 288119551356830 dengan ID Aplikasi yang sudah kamu buat tadi sebelumnya
  • Cari <div class='post-footer-line post-footer-line-3'/> atau klik aja Ctrl + F

<b:if cond='data:blog.pageType == "item"'> 
<div class='fb-comments' data-num-posts='10' data-width='400' expr:data-href='data:post.url'/>
 </b:if>
  • Copas kode diatas taroh tepat di BAWAH <div class='post-footer-line post-footer-line-3'/>

  • post=10 itu artinya comment yang akan muncul sejumlah 10, data-widht=400 tu lebar dari kotak komentar fb kamu yang akun muncul di blog kalia, jadi ke2nya bisa kalian ganti sesuai kemauan kalian



sumber
http://trick-tips-blogger.blogspot.com/2013/05/cara-membuat-kotak-komentar-facebook-di.html#.U0JrtKiSyot
http://berbagi-ilmu-terlengkap.blogspot.com/2014/03/cara-membuat-kotak-komentar-facebook-di.html





Share on :

Tidak ada komentar :