Tuesday, February 21, 2012

Cara memberi widget like box dan like button facebook di Blog



Di facebook ada fitur " Fans Page ". Fans page itu biasanya dibuat untuk artis, film, daerah, sekolah, bangunan dan ada juga blog. Di FP ( Fans Page ) Facebook menggunakan Like bukan Add Friend.

Dan di FansPage ada fitur " Like Box " dan " Like Button " yang bisa di pasang di blog / website. Kali ini saya akan memberikan tutorial cara memasang Like Button di blog .

Sebelumnya Like FansPage Habluez Share dulu ya :




Contoh " Like box "  :



Contoh " Like Button " :








Ikuti langkah langkah berikut ini untuk membuat like box : 

Jangan lupa buat Fans Page terlebih dahulu

1. Login ke Facebook
2. Buka http://developers.facebook.com/docs/plugins/
3. Pilih " Like Box " nanti akan muncul seperti ini :



* Isikan :

  • " Facebook Page Url " dengan alamat fans page misalnya : http://www.facebook.com/pages/Habluez-Share/136198879806515
  • Widht dan Height isi sesua keinginan
  • Color Scheme pilih sesuai keinginan
  • Show Face adalah wajah - wajah para liker.
  • Border Color kosongi saja
  • Steam adalah baris status di fanspage mu
  • Header adalah tulisan " Temukan kami di Facebook "
4. Setelah itu Klik " Get Code
5. Pilih Iframe
6. Copykan seluruh code dan taruh di " Tambah Gadget -> Html/JavaScript.
7. Simpan






Ikuti langkah langkah berikut ini untuk membuat like box : 

Jangan lupa buat Fans Page terlebih dahulu

1. Login ke Facebook
2. Buka http://developers.facebook.com/docs/plugins/
3. Pilih " Like button " nanti akan muncul seperti ini :



like button plugin
* Isikan :

  • " Url To like " dengan alamat fans page misalnya : http://www.facebook.com/pages/Habluez-Share/136198879806515
  • Layout Style ganti dengan keinginanmu
  • Show Face adalah wajah - wajah para liker.
  • Widht isikan dengan lebar
  • Verb to display pilih like
  • Color Scheme pilih kesukaan anda
  • Font isikan dengan model tulisan sesuka anda
4. Setelah itu Klik " Get Code
5. Pilih Iframe
6. Copykan seluruh code dan taruh di " Tambah Gadget -> Html/JavaScript.
7. Simpan


0 comments:

Post a Comment