Cara Memasang Fanspage Facebook di blog dengan Mudah!

Bagi teman-teman blogger yang maasih baru, mungkin masih bingung bagaimana cara menambahkan fanspage facebook di blogger. Caranya sebenarnya sangat mudah, mungkin teman-teman belum tau saja. Yuk, ikuti langkah-langkah dibawah ini. 🙂

Pertama, yang harus kita siapkan adalah blognya. yaeyalah kalo nggk ada blognya nantti dipakai dimana fanspagenya? hehehehe,

Untuk menambahkan fanspage di blog, teman-teman sudah harus menginstall dan memahami apa itu gadget.Tutorial yang saya sampaikan disini sebenarnya bisa diterpakan di semua blog. Termasuk wordpres dan blog builder lainya.

Langsung saja masuk ke https://developers.facebook.com/docs/plugins/page-plugin.

Disana nanti ada beberapa form diantaranya adalah url, tabs, width dan heigh. Serta ada pilihan ceklis lainya.

• Url : Ini di isi dengan alamat url dari facebooknya.
• Tabs : Ini digunakan untuk menampilkan timeline, message dll.
• Width : Digunakan untuk mengatur lebar dari widget/gadget facebooknya.
• height : Digunakan untuk mengatur lebar dari widget/gadget facebooknya.

Sedangkan untuk pilihan ceklisnya adalah :

• Use small header : Digunakan untuk membuat tampilan fanspage di widget ini lebih kecil.
• Hide Cover Photo : Digunakan untuk menyembunyikan cover halaman facebooknya.
• Adapt to container plugin width : Digunakan untuk menyesuaikan lebar fanspage secara otomatis.
• Show Friend’s Face : Digunakan untuk menampilkan foto dari orang yang like halaman kita.

Kira-kira nanti tampilanya akan seperti ini :

 

Untuk mendapatkan url dari fanspagenya, silahkan kunjungi fanspage teman-teman di facebook dan nanti copy urlnya tanpa ref ya..

Jika sudah, nanti teman-teman tempatkan di fanspage pluginya pada kolom Url. Paste dan akan muncul fanspage teman-teman pada bagian bawahnya.

Teman-teman juga bisa mengatur lebar dan tinggi fanspagenya dengan mengisi form width dan height seperti yang saya jelaskan sebelumnya. Jika teman-teman tidak mau menampilkan timeline, hapus saja pada form tabs yang berisi timeline.

Jika sudah, silahkan lihat pada tampilan fanspage di bawahnya dan jika sudah sesuai klik Get Code untuk mendapatkan source codenya yang nanti akan kita pasang pada blog. Jika source code sudah muncul maka pilih tab Iframe pada tab atas untuk mendapatkan kode Htmlnya.

Copy semua kodenya dan jangan sampai ada yang ketinggalan. Jika sudah, sekarang masuk ke akun blogger teman-teman dan pilih Layout/tata letak.Pilih dimana letak fanspage yang akan ditempatkan. Karena saya akan menempatkan di footer, maka saya pilih footer dan klik Add a Gadget.

Maka akan muncul jendela baru, pilih HTML/JavaScript dan klik tanda panah untuk menambahkanya.Lihat gambar dibawah ini.

Jika sudah, beri judul dan paste script yang telah dicopy sebelumnya pada form yang telah disediakan.

Jika sudah, maka save dan lihat blog teman-teman maka fanspage nya sudah muncul di widget/gadget yang telah dipasang tadi. 😀

Jika ukuranya tidak pas, teman-teman bisa mengaturnya di form width pada fanspage plugin di developer facebook kemudian dapatkan kodenya dan timpa kode yang lama.

Jika belum jelas, silahkan lihat video dibawah ini.

 

 

Selamat Mencoba 😀