Cara Membuat Facebook Like Box di Blog

Menambahkan Facebook Like Box di Blogger merupakan tren baru blogger yang membantu mereka dalam mendapatkan sejumlah lalu lintas yang besar dari jaringan sosial yang populer disebut Facebook. Facebook menyediakan fitur "halaman" untuk pengguna yang merupakan sumber utama untuk mengembangkan hubungan yang baik dengan blog readers. Facebook Page juga membantu untuk memberikan update kepada pengunjung biasa dan pecinta Blog.

Berikut adalah tutorial menambahkan Facebook Like box atau Fanspage Like Box di Blogger / Blogspot. Ini adalah cara yang baik untuk mempromosikan halaman Facebook Anda. Sebuah kotak Seperti ini memungkinkan pembaca Anda akan me like fanspage anda dengan satu klik saja dan pembaca bisa melihat berapa banyak pengguna yang sudah menyukai halaman anda.

Demo

Ok kita langsung masuk ke cara membuatnya:

Langsung saja kita masuk ke Facebook Developers.

Nah setelah masuk maka anda akan di suguhkan dengan tampilan atau form untuk membuat like box seperti di bawah ini. cara membuatnya sungguh sangat mudah, kita hanya tinggal merubah atau mengisi form tersebut sesuai dengan yang kita inginkan.

Berikut sedikit penjelasan tentang form untuk membuat like box tersebut.

• Facebook Page URL

Nah form ini merupakan hal yang paling penting karena form ini akan di isi dengan url halaman facebook anda. di gambar di atas saya menggunakan url halaman facebook saya seperti ini http://www.facebook.com/TheNawawiPost. nah ganti url tersebut dengan url atau alamat fans page anda.

• Width dan Height

Di form ini kita bisa mengatur ukuran sesuka kita agar waktu kita akan menambahkannya ke blogger, desainnya pas dengan template kita.

• Color Scheme

Untuk color scheme ini kita hanya di suguhkan dengan dua pilihan, yaitu dark dan light. Anda bisa coba sendiri :D

• Show Friend Face

Sudah jelas ini untuk menampilkan wajah atau muka yang sudah me like fans page anda.

• Show Post

Untuk meampilkan post fanspage anda di blog anda cukup centang pilihan ini. disini saya tidak mencentangnya karena untuk ukuran jelas akan memanjang ke bawah. dan itu akan mempersempit area widget di blog anda.

• Show Header

Untuk pilihan yang ini fungsinya untuk menampilkan header yang bertulisan Find Us On Facebook.

• Show Border

Nah kalau ini garis tepi. jika desainnya tidak mau menggunakan garis tepi jangan centang pilihan ini

• Preview

Nah kalau yang ini merupakan preview data hasil yang kita isikan di form diatas

• Get Code

Ini yang terakhir, jika kita merasa sudah puas dan sesuai dengan apa yang kita inginkan selanjutnya kita klik saya Get Code untuk mendapatkan beberapa code yang bisa kita gunakan untuk di tambahkan ke website atau blog kita. Jika sudah di klik maka akan muncul pop up seperti berikut:

Pilih jenis code atau script yang ingin anda gunakan. disini saya menggunakan script iframe. klik saja tab iframe:

nah setelah itu copy codenya.

Untuk menambahkannya di blog, pasti semua blogger juga sudah tau kita masuk ke Tata Letak atau Layout kemudian Add gadget dan pilih add HTML/JavaScript

untuk anda yang ingin cara praktis, langsung saja copy script di bawah ini dan paste di gadget anda.

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FTheNawawiPost&amp;
width=300&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;
header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowTransparency="true"></iframe>

Sebelum di paste di gadget anda ubah TheNawawiPost dengan username fanspage anda :D

Semoga bermanfaat :)

KLIK DISINI UNTUK DOWNLOAD