CARA PASANG FACEBOOK COMMENT BOX

  • putragaluh
  • Kamis, 03/06/2010
  • Website
  • 13587 hits

Facebook memang nggak ada habisnya, sebagai Jejaring Sosial yang kini sangat populer tentunya didukung pula dengan beberapa fitur yang terintegrasi. Setelah sebelumnya saya bahas mengenai Pasang Facebook Like Button dan Facebook Connect Codeignter kini saya akan coba memberikan gambaran secara umum mengenai salah satu plugin facebook yakni Facebook Comment Box.

Facebook Comment Box bisa kita gunakan untuk web/blog tentunya sesuai dengan nama pluginnya untuk memberikan komentar. Implementasinya tidak terbatas, kita bisa gunakan untuk Komentar Halaman Web, Posting, Gallery dan konten-konten lainnya. Pengunjung bisa memberikan komentarnya menggunakan account facebook mereka dan bisa dishare juga di wall profile facebooknya.

Langkahnya sangat simple, saya coba bahas secara umum ya :)

Facebook Comment Box

Generate Code

Kode bisa diperoleh di http://developers.facebook.com/docs/reference/plugins/comments yang harus diperhatikan disini adalah:

  • Unique ID = ID untuk comment box, dibuat unik untuk tiap halaman, posting atau konten yang akan dipasang comment box
  • Number of Comments =  Jumlah Komentar yang akan ditampilkan, diisi 0 apabila komentar ingin disembunyikan
  • Width = ukuran lebar plugin dalam pixel

Facebook Comment Box

Kode yang diperoleh kurang lebih seperti dibawah ini:

<fb:comments xid="id-komentar" width="450"></fb:comments>

Dikarenakan plugin ini menggunakan XFBML (Facebook Markup Language), maka diperlukan JavaScript SDK untuk mengakses API yang bisa kita peroleh di http://developers.facebook.com/docs/reference/javascript/

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'your app id', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>

Register Application

Hal ini pernah dibahas dalam tulisan sebelumnya (Facebook Connect Codeignter) dan yang diperlukan adalah APP ID (ID Aplikasi) yang kita buat untuk domain kita. App ID tersebut dimasukan dalam kode javascript diatas, ganti tulisan 'your app id' dengan App ID anda.

Kode lengkap yang dipasang kurang lebih seperti ini:

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: '123456789', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>

<fb:comments xid="id-komentar" width="570"></fb:comments>

Kurang lebih implementasinya seperti dibawah ini, saat ni saya baru gunakan untuk gallery saja:

Facebook Comment Box

Sampai disini, plugin Facebook Comment sudah bisa anda gunakan :) selamat mencoba ..

: tanpa label

KOMENTAR

Hati-hati Wahai Saudaraku...

Dari Ibnu Mas'ud Ra. Telah Berkata: Telah Bersabda Rasulullah Saw: "Tidak Halal Darah Seorang Muslim Kecuali Disebabkan Salah Satu Dari Tiga Perkara: Duda/janda Yang Berzina, Pembunuhan Dibalas Bunuh, Orang Meninggalkan Agamanya, Memisahkan Diri Dari Jama'ah (murtad)."

Layanan SSD Web Hosting

Fitur Hosting Lengkap, Cloudlinux, Apache/Nginx/Litespeed PHP Multiversion, MariaDB, Remote Backup DNS Cluster, Immunify360, Secure dan Stabil

Layanan Web Desain

Percayakan pembuatan website anda kepada GaluhWeb.com baik untuk instansi, perusahaan ataupun personal. Lebih dari 100 project telah membuktikannya.

Layanan VPS & Dedicated Server

Dapatkan kontrol penuh untuk mengelola bisnis, blog, aplikasi dengan layanan Virtual Private Server atau Dedicated Server. Ayo naik level sekarang bersama GaluhWeb.com !

Value Added Service

Dapatkan juga layanan tambahan lainnya seperti Nama Domain, Mail Hosting, Streaming Hosting, Sitelock, SSL dan masih banyak lagi.

GaluhWeb.com