Skip to main content

Cara Membuat Facebook Like Box di Blog

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.

Cara Membuat Facebook Like Box di Blog

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:

Cara Membuat Facebook Like Box di Blog


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

Cara Membuat Facebook Like Box di Blog

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



Comments

Popular posts from this blog

Cara memasang tombol follow dan dashboard di blog

Cara memasang tombol follow dan dashboard di blog Log in ke akun blog sobat. Klik rancangan --> Elemen laman --> Tambah gadget --> Pilih HTML/Javascript. Masukkan kode berikut pada kotak yang sudah tersedia. <div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID= 3317277797834091679 " target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left

Contoh Surat Lamaran Kerja Bahasa Inggris

Contoh Surat Lamaran Kerja Bahasa Inggris - Informasi Terbaru -  Contoh Surat Lamaran Kerja Bahasa Inggris  - Setelah sebelumnya saya telah share informasi mengenai cara cek pulsa smartfren dan kumpulan puisi cinta romantis kini saya akan update lagi blog tercinta ini dengan postingan mengenai  Contoh Surat Lamaran Kerja Bahasa Inggris  dan saya harap dapat bermanfaat untuk sahabat netter semua. Oke langsung saja lihat contoh surat lamaran pekerjaan bahasa inggris berikut ini: Bali, To; PT. Era Netter Indonesia Human Resources Department Jl. Raya Kuta No. 101 Kuta, Badung - Bali Dear Sir, I know that PT. Era Netter Indonesia is one of the biggest retail product distributors in Indonesia, and I am sure it would be an excellent career opportunity to join in and work for this respective company. I would like to apply for direct marketing and sales officer position in your company. I am in good health, willing to work, fast learning, and work well with others. I have my own vehicle, dr

Versi Teks Dragon Ball Z Episode 200 Bagian 3

Sebelumnya : Dragon Ball Z Episode 200 Bagian 2 "Hei Videl, apa menurutmu dia lebih kuat dari ayahmu?" Teman gadis di sebelah kirinya bertanya. "Jangan bodoh, ayah Videl adalah Mr.Satan, penyelamat Bumi!" ucap siswa yang duduk di depan Videl. "Tak seorangpun di dunia ini yang lebih kuat darinya." Setelahnya, pak guru masuk kelas. Videl kembali duduk di kursinya, dan pelajaran akan segera dimulai. Namun sebelum itu, pak guru hendak memperkenalkan seorang siswa baru. ya, dia tak lain adalah Son Gohan. "Selamat pagi semuanya, hari ini kita kedatangan mahasiswa baru. Silakan masuk." "Perkenalkan, namaku Son Gohan. Senang bertemu dengan kalian." "Wah, tampan sekali, dia adalah tipeku." ucap teman Videl. "Gohan? nama yang aneh." ucap siswa di depan Videl. Sejenak Videl terdiam, dan kemudian teringat kalau, "Sepertinya aku pernah bertemu dengannya." "Fufufu, dia terlihat seperti seorang kutu buku." ucap