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:
- Pergi ke Facebook Developers
- Nah pilih Bangun Aplikasi di Facebook
- Kalau sudah... lihat di muncul halaman baru dan lihat sidebar bagian kiri
- Pilih Core Concepts
- Lalu akan muncul sub menunya,... dan pilih Social Plugins
- Nanti akan muncul seperti dabawah ini... kamu pilih Like Box bukan Like button (ada kok scroll aja kebawah pasti ada nanti Like Box.... ok...)
- Lalu bisa kamu lihat akan muncul form seperti di bawah ini Nah... nih panduan ngisinnya
- Lalu kalau sudah Get Code
- Nah ,,, lalu kamu pilih yang IFAME
- Copas kode nya di Tambah Gadget -> HTML/Java Script
- Lalu Simpan
- 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
Kalo misalnya ada yang eror atau ngak mau ribet nih pakek cara kedua....
Cara Kedua:
- Buka Dashboard
- Pilih Tata letak
- Pilih Tambah Gadget
- Lalu pilih HTML/Java Script
- Lalu masukkan kode berikut ini
- <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FOkaWidhyarthasBlogFansPage&width=300&height=200&colorscheme=light&show_faces=true&border_color&stream=false&header=true&appId=126816517366802" scrolling="no" frameborder="0" style="border:none; width:300px; height:200px;" allowtransparency="true"></iframe>
- Ganti tulisan warna MERAH dengan alamat halaman kamu...
Yang ini lhoo....
- Lalu Simpan
No comments:
Post a Comment