Facebook kini menjembatani para blogger dan web develover dengan membuat berbagai social plugins. Diantaranya adalah Kotak komentar facebook.

Akhir-akhir ini sering kita temui web yang menggunaka aplikasi ini, diantara keuntungannya adalah memberikan komentar yang lebih banyak, karena pengguna facebook lebih banyak tentunya dari blogger.
Diantara kemudahan yang diberikan, pengunjung tidak usah menulis web, email, dll. Mereka cukup login ke facebook dan memberikan komentar.

Dibawah ini adalah tutorial yang sangat mudah tentang cara membuat kolom/kotak komentar facebook untuk pengguna blogspot/blogger.
Namun harap di ingat, menggunakan komentar facebook akan menyembunyikan komentar yang telah ada di blog.

Langkah ke-1: Login ke dasbor anda, kemudian klik Pengaturan>Komentar, pilih sembunyikan.


Langkah ke-2: Kunjungi Halaman Facebook Develover, tulis Nama Situs, URL situs, dan Lokasi kemudian klik Buat Aplikasi


Copy ID Aplikasi ke notepad


Langkah ke-3: Kembali ke Blogger, klik Rancangan>Edit HTML, centang Expand Template Widget. Cari kode <data:post.body/> atau <div class=’post-header-line-1′/> dan paste kode dibawah ini, tepat setelah <data:post.body/> atau <div class=’post-header-line-1′/>.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <p align='left'><img alt='' class='icon-action' src='http://1.bp.blogspot.com/_iPx6s72hybU/TMsFzeIuqfI/AAAAAAAAAz4/ue-OMkqGnkU/s1600/comment.png'/></p>
  <div id='fb-root'/>
  <script>
  window.fbAsyncInit = function() {
  FB.init({appId: &#39;164624843561195&#39;, status: true, cookie: true,
  xfbml: true});
  };
  (function() {
  var e = document.createElement(&#39;script&#39;); e.async = true;
  e.src = document.location.protocol  +
  &#39;//connect.facebook.net/id_ID/all.js&#39;;
  e.async = true;
  document.getElementById(&#39;fb-root&#39;).appendChild(e);
  }());
  </script>
  <fb:comments/>
  </b:if>
ganti ID Aplikasi (yang berwarna merah), dengan ID Aplikasi anda .

Contoh Komentar Facebook untuk Blogger

Simpan dan lihat hasilnya. masih ada masalah?

14 komentar

terimakasih buaaaanyaaaak atas infonya....
baru sekarang ini berhasil membuat komentar FBnya...

Balas

Kang mo nanya nih, ane udah coba bikin aplikasinya tapi pas masukin url nya kq eror ya ada peringatannya seperti ini "URL must point to a directory (i.e. end with a '/') or a dynamic page (i.e. have a '?')" screen shootnya dibawah ini

http://www.freeimagehosting.net/image.php?156ae06d35.jpg

ini kenapa ya kang? padahal url nya udah aku tulis komplit lho...

trims..

Balas

@tahyu: sama2
@Selang seling: coba pake slash (/) dibelakangnya.

Balas

kunjugnan perdana, hatur nuhun kang tutorialnya, bermanfaat pisan

salam

Balas

udah bisa kang, bener belakangnya dikasih slash (/)...

makasih kang...

Balas

nanya lagi kang hehehe...kalo ngerubah lebar kolom komentar nya gimana cz pas aku pasang di blog ku kepotong karena kolom komen nya terlalu lebar seprti ini >>> http://www.freeimagehosting.net/image.php?b2d781d8d0.jpg

Balas

@selang seling:
ganti <fb:comments/> dengan <fb:comments width='500'></fb:comments>, atau sesuaikan denga ukuran blog.

Balas

Sekarang udah pas kang, makasih bantuannya...

Balas

makasih infonya kang!!!
tapi kok punya saya pada saat dikunjungi tampilannya diatas ya....gimana buat dibawah kang??

http://jual-knalpot.blogspot.com/

Balas

kok dia malah bilang FB Anda harus diverifikasi dulu gan? gmna ya?

Balas

terima kasih mas atas tutorialnya, sudah berhasil saya praktekan di blog saya..

Balas

hihi,. ok sip kang, thanks ilmu nya.. hihi

Balas

joss kang,.
work 100%

thank uuu so muach.,

Balas

Poskan Komentar


×
Chat