Post Pic

Menambahkan Facebook Social Plugins pada Halaman Web

Ada yang baru dari Facebook, yaitu layanan Facebook Social Plugins. Pada kesempatan kali ini saya akan memberikan sedikit tutorial bagaimana memanfaatkan layanan dari Facebook ini, semoga dapat bermanfaat dan silahkan disimak.

Plugins sosial dari Facebook ini sangat mudah digunakan, karena dapat ditambahkan diantara baris-baris HTML mirip seperti widget pada umumnya. Namun ada beberapa cara penggunaan plugins dimana harus mendaftar ke Facebook selaku penyedia layanan.

Plugins yang disediakan adalah : Activity Feed, Comments, Facepile, Like Button, Like Box, Live Stream, Login with Faces dan Recommendations. Tentu saja masing-masing fitur memiliki kegunaan yang berbeda.

Yang pertama adalah Like Button. Untuk membuatnya, silahkan kunjungi Facebook Social Plugins. Selanjutnya akan muncul form, silahkan isi sesuai keinginan. Setelah selesai mengisi form, klik tombol ‘Get Code’ dan akan muncul script yang dapat kita gunakan seperti dalam gambar berikut

Terdapat dua pilihan yaitu dengan menggunakan iframe atau XFBML. Seperti penjelasan yang tertera dibagian bawah yang bertuliskan ‘XFBML is more flexible than iframe, but requires you to use the JavaScript SDK’ itu memang benar adanya, jika kita ingin menggunakan XFBML maka kita harus menggunakan JavaScript SDK, caranya adalah mendownloadnya terlebih dahulu  di sini (juga tersedia contoh-contoh lainnya), kemudian memanggilnya dengan tag script atau kita juga dapat memanggilnya langsung dari http://connect.facebook.net/en_US/all.js. Kemudian kita tambahkan script berikut :

Dan perlu diketahui juga bahwa jika menggunakan cara ini maka kita harus mempunyai apiKey dari Facebook, caranya??? tentu saja kita harus mendaftar dahulu di sini. Setelah itu anda akan mendapat App ID berupa deretan angka, nah masukan kode tersebut pada script di atas untuk mengganti ‘xxx..’ kemudian jangan lupa isikan alamat situs Anda. Itu adalah cara jika kita ingin menggunakan XFBML yang agak rumit, namun buat anda yang ingin cara mudah lebih baik menggunakan iframe. Caranya hanya tinggal menempelkan kode yang diberikan kedalam halaman web kita…

Begitu pula halnya dengan plugins lainnya, cara penggunaanya sama.

Activity Feed : Menunjukkan kepada pengguna situs Anda mengenai aktifitas temannya di situs kita (Like maupun Comment).
Recommendations : Memberikan saran pribadi pengguna situs untuk halaman di situs Anda yang mungkin mereka sukai.
Comments : Memungkinkan pengguna situs Anda memberikan komentar mengenai situ Anda
Live Stream : Memungkinkan pengguna situs Anda berbagi aktivitas dan komentar saat mereka berinteraksi secara real-time.
Facepile : Menunjukkan gambar profil teman-teman pengguna situs Anda yang telah mendaftar untuk situs Anda.
Like Box : Memungkinkan pengunjung melihat halaman Facebook Anda langsung dari situs Anda.
Login with Faces : Menunjukkan gambar profil teman-teman pengguna situs yang telah mendaftar untuk situs Anda di samping tombol login.
Sekian tutorial dari saya, semoga bermanfaat…

Artikel Terkait:

  1. MyFamebook, abadikan momen di facebook kamu.
  2. Impor Kontak Facebook Anda Ke Akun Yahoo Anda
  3. Mematikan Autorun pada Win Xp
  4. Memahami bunyi beep pada bios
  5. Mengintegrasikan Facebook dengan GMail

4 Responses

05.02.10

yang penggunaan iframe sudah dijelaskan diatas, hanya tinggal copy-paste. Kalo penjelasan untuk XFBML silahkan kunjungi http://wiki.developers.facebook.com/index.php/XFBML agar lebih jelas, sekalian blajar bahasa inggris ya mas Riko..
Contoh Situs/ Web yang sudah menggunakan Plugins ini bisa dilihat di http://developers.facebook.com/showcase/ . Sekian dan terima kasih atas pertanyaannya.

05.02.10

bang bahas dong yang pake iframe,, bwat yang gag ngerti ma yang namanya programming.. XFBML bagi orang yang awam akan programming akan serasa sulit..

05.02.10

Jgn hanya komentar gan. Ngepost dong!

terima-kasih sahabat artikelnya sangat membantu. Salam

Leave Your Response

* Name, Email, Comment are Required

Tag Cloud