Kategori

Statistik

Home » » Cara Membuat Widget Fan Page Facebook Pada Blogger

Cara Membuat Widget Fan Page Facebook Pada Blogger

Hi Guys.. kali ini kita akan membahas cara membuat widget fan page facebook pada blogger. ya, karena saya juga pemula waktu pertama kali mengimplementasikan tutorial ini susah banget cetar membahana badai lah. tapi lama kelamaan akhirnya saya dapat memahami nya. oke lah, tanpa basa-basi langsung saja cekidot...


1) Tentunya sobat sudah punya Fan Page dan telah login. jika belum punya klik disini.
2) Silahkan sobat klik link ini https://developers.facebook.com/docs/reference/plugins/like-box/
3) Halaman yang tampil akan seperti ini, dan pada Facebook Page URL, pada gambar hanya sebagai contoh, itu adalah fan page blog saya. silahkan sobat masukkan URL Facebook fan page blog sobat.
 
 4) Untuk seterusnya Anda bisa sesuaikan menurut keinginan Anda. Saya lebih suka menggunakan pengaturan seperti gambar di atas. Setelah Anda setting, klik Get Code dan Anda akan mendapatkan 2 kode seperti gambar di bawah ini.
5) Keterangan: Kode pertama dan kedua penempatannya berbeda. silahkan sobat masuk ke blogger -> dasbor blogger -> template -> edit html. pada halaman edit html silahkan sobat cari kode <body>. gunakan CTRL+F untuk memudahkan pencarian lalu ketik <body>. jika sudah ketemu, sobat copy paste kode pertama tersebut tepat dibawah <body>, setelah itu klik simpan template.

6) untuk kode kedua, silahkan sobat masuk ke dasbor blogger -> tata letak -> pilih tambah widget/gadget. lalu sobat pilih gadget html/javascript. kemudian sobat copy paste kode kedua ke kolom, lalu pilih simpan.


7) silahkan sobat lihat blog. jika widget yang sobat tambahkan di sidebar kiri/kanan maka widget fan page terletak di sebelah kiri/kanan blok. jika sobat tambahkan widget di menu bawah blog maka akan tampil di bawah blog.

Demikianlah tutorial sederhana dari saya, jika ada kekurangan saya mohon maaf sebesar-besarnya. Baca juga tutorial cara membuat widget fan page facebook melayang di blog.

salam blogger


1 komentar:

  1. Makasih sharing tips yang bagus
    Berita Update Software dan Gadget Info
    http://software-forever.blogspot.com/
    https://www.facebook.com/pages/Software-Gadget-Info/591375184293236

    BalasHapus