Minggu, 11 Maret 2012

Cara Menambahkan Facebook Like Box Pada Blog


Cara Menambahkan Facebook Like Box Pada Blog
Apakah yang dimaksud dengan facebook like box ?.  Facebook like box adalah tool / widget yang berasal dari facebook yang dapat digunakan sebagai alat promosi facebook fans page (halaman penggemar facebook) di blog blogspot ataupun wordpress.

Bagaimanakah Cara Membuatnya ?
Caranya sangatlah mudah , Silahkan teman-teman masuk ke halaman ini :

http://developers.facebook.com/docs/reference/plugins/like-box/

tapi sebelum itu teman-teman login dulu ke akun facebooknya
Setelah Muncul Tampilan Seperti dibawah ini. Garis berwarna yang saya tambahkan tersebut menunjukkan hubungan setting yang teman teman pilih dengan tampilan Facebook Like di Blog anda nantinya.



Berikut ini adalah Penjelasan masing masing setingan.
Facebook Page URL : Diisi dengan URL facebook fans page milik Anda, Jika belum punya silahkan ke tutorial cara membuat fans page

Width : Lebar fans like box nantinya, Sesuaikan dengan keinginan anda.

Height : Tinggi Fans like box nantinya. Kosongkan saja bagian ini, tinggi akan menyesuaikan

Color scheme : Ada dua pilihan warna di sini. Light untuk warna terang (putih) dan dark untuk warna gelap (hitam)

Show Faces : Beri tanda centang apabila ingin menampilkan avatar orang-orang yang menyukai fans page Anda atau pilih No untuk menyembunyikannya

Stream : Beri tanda centang apabila ingin menampilkan situasi terbaru (update terbaru) dari halaman fans page milik Anda

Header : Beri tanda centang apabila ingin menampilkan “find us on facebook”
Jika sudah melakukan konfigurasi yang menurut Anda baik dan sesuai kehendak. Klik “Get Code” untuk mengambil code fans like box tersebut.
Silahkan teman-teman pilih di antara ketiga pilihan tersebut (HTML5, XFBML, Iframe). Kalau saya sendiri lebih menyukai iframe soalnya bisa diterapkan di dalam halaman page blog. Juga bisa dipasang dengan memanfaatkan teknik floating facebook like button. Blok semua Text yang ada didalam kotak berwarna biru, kemudian Copy, Nanti Akan di Paste di Blog.

Selanjutnya adalah memasukan kode tersebut kedalam Blog Anda:
Masuk Ke Blog Anda Kemudian Klik ‘Design’ ada di Pojok Kanan Atas, Sehingga Muncul Tampilan sebagai berikut

Klik ‘Tata Letak’ Sehingga Muncul Tampilan Sebagai Berikut:





Klik ‘Tambah Gadget’ Pada Posisi dimana anda ingin menambahkan Fan Page Facebook Like,
Sehingga Muncul Tampilan sebagai berikut:


Kliklah ‘HTML/JavaScript’ sehingga muncul Kotak Edit HTML, Masukkan Kode yang anda dapat dari Facebook tadi, Tinggal Copy PASTE, Setelah itu Kemudian Simpan Perubahan.
Silahkan Lihat Tampilan Blog Anda, Blog Anda sudah berisi Facebook Like Box.
Demikian Petunjuk Cara Menambahkan Facebook Like Box Pada Blog Blogspot

Tidak ada komentar:

Posting Komentar