Minggu, 28 Oktober 2012

Memasang Widget Like Box Facebook pada Blog

Apakah blog anda ingin di pasang seperti gambar disamping ini ?
Gambar tersebut kita kenal dengan sebutan "Like Box" plugin nya Facebook.

"LikeBox" adalah plugin sosial yang memungkinkan pemilik dari Halaman Facebook (Facebook Page) untuk menarik dan memperoleh "Like" dari website yang dimilikinya.

"Like Box" memungkinkan pengguna untuk :
  • Melihat seberapa banyak pengguna telah nge-Like halaman ini, dan juga teman-teman yang mana saja yang telah nge-Like.
  • Baca postingan terbaru dari Halaman (Page)
  • nge-Like sebuah page hanya dengan satu klik, tidak perlu mengunjungi halaman yang bersangkutan.
Ok, mari kita mulai gimana cara memasang widget Like Box Facebook pada Blog (Blogspot)

1. Login ke akun Facebook dan masuk ke Fan Page anda (kalo blom punya Fan Page, silahkan bikin disini dan pilih kategori yang sesuai dengan anda)
2. kemudian masuk ke Halaman ini
3. Isi kotak-kotaknya sebagai berikut :
  • Facebook Page URL : masukan alamat URL Fan Page anda, misal : https://www.facebook.com/halamangue 
  • Width & Height : masukan nilai lebar dan tinggi dari Box
  • Show Face : centang kotaknya untuk menampilkan foto yang sudah nge-Like
  • Color Scheme : pengaturan warna skema
  • Show Stream : centang untuk menampilkan streaming status atau kosongkan saja supaya "berkesan" lebih  simple...that's up to you ;)
  • Border Color : biarkan saja kosong (default)
  • Show Header : centang bagian ini kalo anda lebih suka jika di dalam Like Box nya tercantum tulisan : "Find us on Facebook"

4. klik tombol "Get Code", maka akan muncul tampilan sebagai berikut :


5. pilih HTML5 dan copy kode yang ada di dalam kotak no.1 . . . (jangan dulu diklik OK !)
6. buka website Blogger di tab baru pada browser anda, dan silahkan anda Login
7. pilih salah satu blog yang akan anda pasangi "Like Box"
8. pilih Tata Letak>Tambahkan Gaddget


9. Pilih HTML/Java Script dengan meng-klik tanda "+"   


10. Paste-kan kode no.1 ke dalam area Konten


11. kembali lihat tab browser yang ada kode HTML5 (lihat langkah ke-5) dan copy kode yang ada didalam kotak no.2, kemudian klik OK
12. Paste-kan kode no.2 ini persis di bawah kode no. 1 (lihat langkah ke 10 !)
13. klik tombol Simpan
14. klik Lihat Blog
15. Selesai....Alhamdulillah

Smoga bermanfaat
Salam Blogger



0 komentar:

 
;