Pages

Kamis, 12 Januari 2012

Cara Mendapatkan Kode iFrame Page Facebook Untuk Diletakan Di Blog

Salam gan, hari ini saya akan mosting "Cara Mendapatkan Kode iFrame Page Facebook Untuk Blog" Mungkin sudah sebagian besar yang tau caranya, dan yang belum tau silahkan baca.. :D
Penting: Sebelumnya copy terlebih dahulu url Facebook Fan Page yang telah dibuat. Fungsinya sebagai spesifikasi url untuk like box yang nantinya hendak dibuat.
Contoh url-nya: 
http://www.facebook.com/pages/Fairy-Fantasy/189360514487340 
2. Selanjutnya, isikan spesifikasi seperti gambar berikut:


Setting Facebook Like Box:
- Facebook Page url: url Facebook Page anda
- Width: lebar tampilan facebook like, sesuaikan dengan lebar sidebar widget.
- Color scheme: pilih light jika ingin tampilan terang, dan dark untuk tampilan gelap.
- Show Faces: Centang untuk menampilkan foto profil likers.
- Border color: Isikan dengan kode warna jika ingin memberi border atau kosongkan agar transparan.
- Show stream: Centang jika ingin menampilkan informasi/posting terakhir di like box.
- Show header: Centang jika ingin menampilkan tulisan header "Find Us on Facebook".
Lihat preview tampilan di sebelah kanan form tersebut.


5. Jika settingan yang dibuat sudah beres, klik get code. Kemudian akan muncul pop-up window yang menampilkan 3 jenis kode, HTML5, iFrame dan XFBML, pilih salah satu dan copy kodenya, Pilih saja iFrame.
 
6. Buka Dashboard > Design/Rancangan > Klik add a gadget/tambah gadget.
7. Pilih opsi HTML/Javascript.
8. Masukkan kode iFrame yang telah dicopy ke dalam kotak kode.
9. Save.
10. Like box telah siap digunakan, dan setiap pengunjung blog/website yang menyukai blog/website anda dapat dengan mudah meng-klik like pada like box yag telah disediakan


Saya sudah mencobanya dan berhasil... :D

2 komentar:

sukmagie MG mengatakan...

yap makasih sob
udah dcoba

Muhammad Faris Al Fatih mengatakan...

bermanfaat banget sob infonya.. cuma ko diblog saya tidak bisa ya.. kira kira kenapa ya sob ? ^^

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Powered by Blogger