Wednesday, June 20, 2012

Cara Membuat Facebook Like Box

Hai semua...
kali ini saya akan memberikan info cara membuat facebook like box....
di sini ada 2 cara...
cara pertama memakai kode HTML dari developer facebook nya langsung, dan yang kedua memakai kode HTML yang sudah saya sediakan....
Sebenernya kalo dilihat-lihat sama aja sih kodenya, cuman kalo kamu langsung dari developer facebook.. kamu bisa bikin sesuai keinginan, kalau kode dari saya ya tampilannya sudah saya siapkan.....


Cara Pertama:
  1. Pergi ke Facebook Developers 
  2. Nah pilih Bangun Aplikasi di Facebook
  3. Kalau sudah... lihat di muncul halaman baru dan lihat sidebar bagian kiri
  4. Pilih Core Concepts
  5. Lalu akan muncul sub menunya,... dan pilih Social Plugins
  6. Nanti akan muncul seperti dabawah ini... kamu pilih Like Box bukan Like button (ada kok scroll aja kebawah pasti ada nanti Like Box.... ok...)
  7. Lalu bisa kamu lihat akan muncul form seperti di bawah ini
  8. Nah... nih panduan ngisinnya
      Facebook Page URL: Masukkan alamat facebook halaman kamu
      Width: Masukkan ukuran yang kamu inginkan untuk lebarnya
      Height: Masukkan ukuran yang kamu inginkan untuk tingginya
      Color Scheme: Di situ ada 2 pilihan Dark sama Light... tinggal pilih aja gan
      Show Face: Untuk mengatur mau dimunculkan atau tidak foto profil yang ngelike
      Border Color: Masukkan kode warna untuk garis bordernya (gak diisi juga gak apa apa)
      Stream: Untuk mengatur apakah statusnya ditampilkan atau tidak
      Header: Untuk mengatur apakah header ditampilkan atau tidak

  9. Lalu kalau sudah Get Code
  10. Nah ,,, lalu kamu pilih yang IFAME
  11. Copas kode nya di Tambah Gadget -> HTML/Java Script
  12. Lalu Simpan
Gampangkan
Kalo misalnya ada yang eror atau ngak mau ribet nih pakek cara kedua....

Cara Kedua:
  1. Buka Dashboard
  2. Pilih Tata letak
  3. Pilih Tambah Gadget
  4. Lalu pilih HTML/Java Script 
  5. Lalu masukkan kode berikut ini

      <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FOkaWidhyarthasBlogFansPage&amp;width=300&amp;height=200&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;appId=126816517366802" scrolling="no" frameborder="0" style="border:none;  width:300px; height:200px;" allowtransparency="true"></iframe>

  6. Ganti tulisan warna MERAH dengan alamat halaman kamu...
    Yang ini lhoo....
  7. Lalu Simpan
Selesai lagi deh.... selamat mencoba :D

No comments:

Post a Comment