GaluhWeb.com

Pasang Facebook Comment Box | Web Desain dan Konten | Forum



You must be logged in to post Login Register


Register? | Lost Your Password?

Search Forums:


 






Wildcard Usage:
*    matches any number of characters
%    matches exactly one character

Pasang Facebook Comment Box

UserPost

9:38 am
June 21, 2010


galuh

Admin

posts 7

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…..s/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…..avascript/

<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 ..

sumber: http://www.putragaluh.web.id/b…..t-box.html


About the Blog GaluhWeb Forum

Most Users Ever Online: 11

Currently Online:
1 Guest

Currently Browsing this Topic:
1 Guest

Forum Stats:

Groups: 2
Forums: 9
Topics: 7
Posts: 7

Membership:

There are 17 Members

There is 1 Admin

Top Posters:

Recent New Members: noekazev, ngakngiknguk, galuh

Administrators: galuh (7 Posts)



GaluhWeb About Kontak Sitemap Terms of Service Forum Links Affiliasi Banner Facebook Twitter RSS