Saturday, April 24, 2010

Facebook Social Plugin - Like Button

Facebook akhir-akhir ini merilis Social Plugin. Jadi semacem Plugin yang bisa dipake untuk mengkonekan web application kita ke facebook. Basically menggunakan iFrame, tapi hadir juga dalam XFBML (subset FBML untuk Facebook connect). Social plugin nya itu ada banyak sih ga cuma like button, cuma aku ga akan ngejelasin semua. Bisa liat sendiri ya disini http://developers.facebook.com/plugins


Ok, hal pertama yang perlu dilakukan adalah menambahkan 3 meta tags ini di header html kita.

<meta property="og:title" content="judulnya">
<meta property="og:site_name" content="nama situsnya">
<meta property="og:image" content="link url gambarnya">

Silakan ganti value di property content dengan yang kita suka lalu tambahkan didalam tag head. Untuk blogspot, silakan masuk ke menu blog anda di bagian layout --> edit HTML
copy di antara tag head.



Lalu untuk memudahkan anda, bukalah http://developers.facebook.com/docs/reference/plugins/like

isi form tersebut sesuai dengan keinginan dan click "get code"



copy code nya, pilih yg iFrame karena untuk mengimplementasikan yang XFBML memerlukan cara yg agak berbeda. Lalu paste di halaman blog anda dan save.

Kalau aku sih mem-paste-nya di salah satu gadget... :P

sample hasil nya ada di sebelah kanan.
Silakan coba click like, dan buktikan sendiri bahwa ada tulisan di wall kamu, bahwa kamu like blog ini... :)



Selamat mencoba...

*Kapan ya si Facebook bakal ngeluarin "HATE" button...
biar aku bisa bikin "Bayu hates this" di wall orang... wkwkwk....

2 comments:

  1. hai..
    saya dari Malaysia..
    bagus info ini.
    mahu implement dalam belog saya juga..
    hehe

    ReplyDelete
  2. Hai nkara...
    Terima Kasih.

    Senang rasanya dapat menulis sesuatu yang berguna bagi orang lain... :)

    ReplyDelete