Cara Pasang Facebook Comment Box

Kamis, 03/06/2010 Website 12873 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


Pasang ShoutMix Widget

Kamis, 15/07/2010

JW Image Rotator

Rabu, 26/05/2010


Silakan beri komentar :)

Tahukah ANDA ?
Pernahkah anda perhatikan mengapa pada pertandingan tennis atau badminton internasional angka nol selalu disebut dengan "love"? Penggunaan "love" untuk menunjuk angka nol, ternyata berasal dari waktu lampau saat olah raga tennis berkembang di negara Perancis. Bagi para penonton Perancis, angka 0 terlihat seperti telur, sehingga mereka menyebutnya dengan "l'oeuf" untuk…


MUTIARA HADIST

Barangsiapa Yang Berpuasa Dengan Keimanan Dan Dalam Rangka Mencari Pahala Disisi Allah, Maka Dosanya Yang Telah Lalu Diampuni.

Puasa Yang Diterima

Hosting, VPS & Server

Kini saatnya memiliki website/blog professional dan memiliki prestise baik untuk pribadi maupun instansi/perusahaan. Layanan VPS maupun Dedicated Server dengan harga yang terjangkau

Learn More

Web Desain

Memerlukan layanan Jasa pembuatan website ? Jangan ragu untuk menggunakan layanan GaluhWeb yang telah digunakan oleh puluhan Pelanggan. Ayo tunggu apalagi ?

Learn More

Domain

Gunakan identitas bisnis atau blog dengan domain yang keren. Harga murah dengan fitur melimpah. Buruan daftarkan domain anda sebelum keduluan yang lain :)

Learn More