Friday, June 20, 2014

Cara Memasang atau Membuat Kotak Komentar facebook Di blog terbaru 2014

Cara Memasang atau Membuat Kotak Komentar facebook Di blog terbaru 2014

Cara Memasang atau Membuat Kotak Komentar facebook Di blog terbaru 2014 - Hari ini saya akan berbagi kepada anda seputar Bagaimana sih car memasang atau membuat kotak komentar facebook di blog ? ,hmm pasti kalian sudah tidak sabarkan ingin tau caranya :) ,sebelum saya memberitahu caranya, di awal saya ingin berbagi tentang apa sih fungsinya kotak komentar facebook ini pada blog ? padahalkan pada blog sudah di sediakan kontak untuk memberikan komentar !?

Memasang kotak komentar pada blog bukanlah tanpa alasan, tujuannya adalah untuk mempermudah ruanglingkup kita dalam berkomentar, salah satu caranya adalah dengan memakai facebook, karena semua orang belum tentu mempunyai akun google, tapi hampir semuap orang pasti mempunyai facebook. nah mungkin itu sedikit penjelasan dari saya tetang tujuannya memakai kotak komentar facebook.

Cara Memasang atau Membuat Kotak Komentar facebook Di blog terbaru 2014

sebelum kita membuat kotak komentar facebook di blog, di awal kita harus memiliki app ID dari facebook terlebih dahulu, jika anda belum mempunya app ID facebook, anda bisa membuatnya dengan cara mengikuti langkah langkah di bawah ini.
Langkah-langkah membuat app facebook :
  • Klik wawasan pada peranda yang ada pojok bawah kiri di bagian "pengembangan/development" ,Lihat gambar di bawah ini yang di tandai merah.
Cara Memasang atau Membuat Kotak Komentar facebook Di blog terbaru 2014

  • Pilih tab "buat aplikasi"
Cara Memasang atau Membuat Kotak Komentar facebook Di blog terbaru 2014

  • lalu pilih menu apps ,klik "Register as a Development"

Cara Memasang atau Membuat Kotak Komentar facebook Di blog terbaru 2014


  • masukan kata sandi facebook anda, 
Cara Memasang atau Membuat Kotak Komentar facebook Di blog terbaru 2014


  • kemudian klik seperti yang di tandai pada gambar di bawah ini -> klik selanjutnya  
Cara Memasang atau Membuat Kotak Komentar facebook Di blog terbaru 2014


  • isi nomor telepon, lalu klik "send as text" tunggu sebentar sampai anda mendapatkan kode konfirmasi dari facebook lewat sms, jika sms kode sudah di terima, segera masukan kodenya,lalu klik mendaftar. lihat gambar di bawa ini.
Cara Memasang atau Membuat Kotak Komentar facebook Di blog terbaru 2014

  • jika sudah selesai, ikuti seperti gambar di bawah ini, klik "selesai", lalu klik "next" sampai selesai.
Cara Memasang atau Membuat Kotak Komentar facebook Di blog terbaru 2014

Cara Memasang atau Membuat Kotak Komentar facebook Di blog terbaru 2014

Cara Memasang atau Membuat Kotak Komentar facebook Di blog terbaru 2014


  • klik "close" ,kemudian pilih menu "apps" ,klik "create a new app" .
Cara Memasang atau Membuat Kotak Komentar facebook Di blog terbaru 2014
  • isi pada inputan "display name" ,untuk namespace bersifat opsional, dikosongkan juga tidak apa-apa, pilih kategori, di sini saya memilih kategori "aplikasi untuk halaman" ,klik "buat aplikasi", setelah itu masukan kode captcha. lihat gambar di bawah ini.
Cara Memasang atau Membuat Kotak Komentar facebook Di blog terbaru 2014

Cara Memasang atau Membuat Kotak Komentar facebook Di blog terbaru 2014
  •  jika sudah selesai, tampilan akan menjadi seperti ini, yang di tandai merah ,itu lah app ID yang akan di pakai untuk membuat kotak komentar facebook di blog.
Cara Memasang atau Membuat Kotak Komentar facebook Di blog terbaru 2014

 ikuti langkah langkah di bawah ini untuk membuat kontak komentar facebook di blog :
  •  login ke blog, masuk ke menu template, lalu edit html.
  • cari tag <head> ,untuk mempermudah anda bisa menekan ctrl+f untuk mencari tag <head> ,lalu letakan kode di bawah ini tepat di bawah tag <head>.
    • <meta content='845857439212345' property='fb:app_id'/>
    • <meta content='cahya.dyazin' property='fb:admins'/>

yang berwarna merah anda ganti dengan app ID yg tadi baru dibuat dan ID profil facebook anda.
untuk mendapat id profil anda coba masuk ke profil facebook anda, lalu lihat url pada browser :
https://www.facebook.com/cahya.dyazin
yang bercetak tebal pada quote url di atas adalah id profilnya.
  • selanjutnya cari tag </head> ,lalu letakan kode di bawah ini tepat di bawah tag </head>
    • <script src='https://connect.facebook.net/en_US/all.js#xfbml=1'/>
      <script src='http://code.jquery.com/jquery-latest.js'/>
      <script type='text/javascript'>
      function commentToggle(selectTab) {
      $(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
      $(selectTab).removeClass(&quot;inactive-select-tab&quot;);
      $(&quot;.comments-page&quot;).hide();
      $(selectTab + &quot;-page&quot;).show();
      }
      </script> 

  • cari tag <data:post.body/> dengan menekan ctrl+f , jika tag <data:post.body/> ada 2 atau lebih, letakan kode di bawah ini pada tag <data:post.body/> yang paling akhir.
    • <!-- FORM KOMENTAR FACEBOOK -->
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <div id='fb-root'/><script>window.fbAsyncInit = function() {
      FB.init({appId  : &#39;845857439212345&#39;,
      status : true,
      cookie : true,
      xfbml  : true});};
      (function() {var e = document.createElement(&#39;script&#39;);e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;;e.async = true;document.getElementById(&#39;fb-root&#39;).appendChild(e);}());</script><fb:comments data-width='600' expr:href='data:post.url' expr:title='data:post.title' migrated='1'/>
      </b:if>
      <!-- END FORM KOMENTAR FACEBOOK -->
    • keterangan :
      • nomor yang bercetak tebal berwarna merah , anda bisa ganti dengan app ID milik anda. 

  • jika sudah selesai langsung simpan template nya.

Semoga artikel ini bermanfaat :)

Saya hanya seorang "newbie" yang baru bisa ngoding lohor kemarin.

1 komentar so far

Thanks ya kk... dah berhasil nih... :>)


EmoticonEmoticon