Kamis, 29 Desember 2011

Cara Menambahkan Widget Like Box Facebook Pada Halaman Blog

Sebelumnya kita sudah membahas cara membuat halaman fans page Fecebook nah pada tutorial kali ini Dapur Tutorial BLogspot akan jelaskan tetang cara menambahkan like box Facebook. Sebelumnya sahabat blogger sudah tau belum seperti apa widget like bok Facebook ini ?.Hem....Pastinya udah pada tau dong !, karena sebagian besar pengguna blogger menambahkan widget ini kehalaman blognya.

Bagi yang belum tau seperti apa widget like box FB ini contohnya bisa anda ihat pada gambar disamping atau demonya yang ada di halaman blog Dapur Tutorial Blogspot. Widget ini selain dapat mempercantik tampilan blog juga akan memberikan kemudahan pada pengunjung blog untuk Menekan tombol like yang tampil pada blog anda.

Gak usah nunggu lama langsung saja kita bahas lankah-lankahnya :

Lankah 1 : Mendapatkan Code Like Box FB
  1. Silahkan anda masuk ke akun facebook anda
  2. Jika sudah kunjungi alamat berikut http://developers.facebook.com/docs/plugins/
  3. Anda akan menjumpai Halaman dibawah ini kemudian klik Like Box 


  4.  Berikutnya akan muncul pengaturan untuk widget like box seperti berikut 

  5. Klik Gambar Untuk Memperbesar

    Ket :
    Facebook Page URL : Letekan URL Fans Page FB anda Disini
    Width : Pengaturan untuk lebar kotak like box FB 
    Height : Pengaturan Untuk Tinggi kotak Like box FB
    Color Scheme : Pengaturan Background Like Box FB
    Show Faces : Pengaturan apakah ingin menampilkan orang yang menyukai Fans Page anda
    Border Color : Pengaturan untuk border Like Box FB anda

  6. Selanjutnya Klik Get Code
  7. Kemudian Copy Semua kode yang diberikan 


Sekarang anda sudah mendapatkan Kode untuk menampilkan Widget Like Box di blog anda sekarang lanjut ketahan berikutnyanya

Langkah 2 : Menambahkan Widget like Box kehalaman Blog
  1. Silahkan anda masuk kehalaman blog anda
  2. Pilih Tata Letak


  3. Klik Tambah Gadget/Widget


  4. Pilih HTML/JavaScript


  5. Paste Code Like Box FB yang sudah anda Copy tadi Ke box HTML/JavaScript 


  6. Trakhir Klik Simpan
  7. Selesai

Tidak ada komentar:

Posting Komentar