Senin, 13 Agustus 2012

Cara lengkap memasang like box for Blogger


  1. Login kedalam Facebook anda
  2. Buka tab baru pada browser anda, kemudian klik link berikut Like Box - Facebook Developer , anda akan masuk ke sebuah halaman dimana anda dapat menkostumisasi facebook like box yang akan dipasang di blog anda
  3. Copy url halaman facebook yang sudah anda buat di addres bar browser, contoh url nya seperti ini :  https://www.facebook.com/Bresekers
  4. Untuk mengkostumisasi ikuti langkah _ langkah saya :
     - Facebook Page Url - Pastekan alamat Url halaman facebook yang sudah anda buat.
    - Width - Lebar gagdet facebook like box, sesuaikan dengan lebarnya di blog anda
    - Heigth - Tinggi gagdet facebook like box, sesuaikan dengan sesuaikan dengan keinginan anda
    - Color scheme - pemilihan warna background gadget, sesuaikan dengan warna background blog anda
    - Show faces - Opsi yang memberikan anda pilihan untuk menampilkan foto profil siapa saja yang sudah menyukai halaman facebook anda
    - Border color - warna bingkai gadget, kosongkan saja
    - Stream - Opsi untuk menampilkan artikel apa saja yang sudah di like oleh fans
    - Header - Opsi untuk menampilkan header atau tidak
  5. Apabila sudah selesai, silahkan anda Klik Get Code
  6. Akan muncul pop up yang menampilkan kode plugin likebox anda
    - Cantumkan JavaScript SDK pada halaman Anda, idealnya tepat setelah tag pembuka <body>. Untuk kode nomor satu <div id="fb-root"></div> silahkan anda copy dan pastekan di template blogspot anda, caranya, masuk dasboard blog anda, klik Template --> Edit HTML --> Lanjutkan, centang  Expand Template Widget, lalu gunakan mode pencarian dengan menekan CTRL + F, dan cari <body>, pastekan tepat dibawah tag <body>, lalu klik simpan template
    - Tempatkan kode untuk plugin Anda di mana pun Anda inginkan plugin itu muncul di halaman Anda, Contoh code : <div class="fb-like-box" data-href=" https://www.facebook.com/Bresekers  " data-width="292" data-show-faces="true" data-stream="false" data-header="false"></div>
  7. Untuk kode yang kedua, bisa anda tempatkan di sidebar widget blog anda, caranya klik Tata Letak --> Tambah Gadget --> HTML/Javascript, pastekan kode tadi kedalam gadget tersebut, berilah nama yang pas buat anda dan kemudian klik Simpan
  8. Dan  Facebook Like box anda sudah siap Luncur :D !!!

    Catatan: cara membuat like box syarat'nya hruss mempunyaii pages di facebook sperti contoh https://www.facebook.com/Bresekers 
Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)