Wednesday, June 26, 2013

Cara Membuat Tombol Like Facebook di Blog

Tombol Like Facebook
Kali ini saya membutuhkan Facebook Like Button. Akhirnya ketemu juga nih Cara Membuat Tombol Like Facebook di Blog yang paling ampuh. Dari sekian banyak Blogger yang share tentang ini, kadang-kadang ada saja yang tidak berhasil. Cara inilah yang InsaAloh berhasil dan semua sobat Blogger bisa dengan mudah membuatnya.
Untuk mempromosiskan Halaman Blog saya di Facebook, Widget Like Box saya lepas, saya ingin tampilan yang menghemat ruang. Maka terfikirlah saya hanya ingin memasang tombol like-nya saja. Berbeda dengan Widget Like Box Facebook yang memiliki tampilan berbentuk box yang didalamnya memuat Nama Halaman, Foto Halaman, Tombol Like, Jumlah Likers, dan foto Likers. Untuk yang satu ini tidak diwadahi dengan box, bahkan kita bisa memilih dan membatasi apa saja yang ingin ditampilkan.

Untuk sobat yang ingin memasangnya, silakan simak cara membuatnya. Dan bagi sobat yang ingin tahu lebih detail silakan baca dan lihat dulu, siapa tau sobat membutuhkanya.

Pastinya login dahulu ke akun Facebook masing-masing.
Pertama, kita harus mempunyai halaman Blog di Facebook. Selain untuk memperoleh URL halaman Facebook, juga agar tombol like ini jelas fungsinya yaitu untuk memberikan like ke halaman Facebook. Silakan baca Cara Membuat Halaman Blog di Facebook, dan simpan URL halaman yang telah diperoleh.

Jika sobat telah mempunyai halamannya, silakan masuk ke alamat ini "http://developers.facebook.com/docs/reference/plugins/like". Scroll sedikit ke bawah untuk konfigurasi tampilan.

Tombol Like Facebook di Blog

Tentukan Layout Style, diantaranya: Standard, Button Count dan Box Count.
StandardStandard
Button CountButton Count
Box CountBox Count

Cara Membuat Tombol Like Facebook di Blog

  • Masukan URL halaman Facebook yang telah diperoleh sebelumnya pada kotak "URL to Like".
  • Saya sarankan agar tidak menampilkan send button, karena jika dipasang kita tidak bisa mendapatkan kode script Iframe-nya. Jadi, hapus centang pada "send button".
  • Tentukan ukuran Lebar pada opsi "Widht".
  • Tentukan apakah akan menampilkan foto likers atau tidak dengan mencentang opsi "show face".
  • Tentukan jenis teks pada opsi "Font".
  • Tentukan warna dasarnya apakah ingin gelap atau terang pada opsi "colour scheme".
  • Tentukan tombol primer yang akan digunakan apakah tombol Like atau tombol Rekomendasikan pada opsi "verb to display".
  • Jika telah menentukan tampilanya, sobat klik "get code".

Tombol Like Facebook di Blog


Maka akan muncul jendela pop-up yang menampilkan kode html.
Pilih kode script pada opsi Iframe. Kode ini idealnya dipasang pada widget atau di dalam postingan. Silakan coba kode lainya jika ingin coba dipasang di tempat yang berbeda.
Coppy semua kodenya dan pastekan pada tempat yang sobat inginkan.
Cara Membuat Tombol Like Facebook di Blog

Maka contoh hasilnya akan seperti ini.

ads

Ditulis Oleh : Alimstudio Hari: 5:44 PM Kategori:

0 comments:

Post a Comment

Berkomentarlah dengan baik jangan berkomentar yang bersifat menjatuhkan
terima kasih

 

Kategori

Daftar Isi

Blogger

1. Memasang Menu Slide-In di Blogspot

2. Membuat Kotak Script / Css pada Postingan Blogger

3. Mematikan Fungsi Klik Kanan Pada Blog

4. Membuat Info melayang keren di blog 2013

5. Menghilangkan Tuilisan "Diberdayakan Oleh Blogger"

6. Membuat Widget Berlangganan Dengan Jejaring Sosial

7. Membuat Link Berwarna-Warni Seperti Pelangi

8. Membuat Spoiler Di Blog

9. Cara Membuat Tombol "Copy All" di Blog

10.Membuat Agar Blog Kita Tidak Bisa di Block

11.Menjadikan Postingan Blog Otomatis Muncul di Twitter dan Facebook

12.Kumpulan Efek-Efek Blog Lengkap

13.Cara Ping Blog ke Google

14.Memasang Chating Pada Blogger

15.Membuat Burung Twitter Berterbangan

16.Membuat Website atau Blog

4. Membuat Info melayang keren di blog 2013

5. Menghilangkan Tuilisan "Diberdayakan Oleh Blogger"

6. Membuat Widget Berlangganan Dengan Jejaring Sosial

7. Membuat Link Berwarna-Warni Seperti Pelangi

8. Membuat Spoiler Di Blog

9. Cara Membuat Tombol "Copy All" di Blog

10.Membuat Agar Blog Kita Tidak Bisa di Block

11.Menjadikan Postingan Blog Otomatis Muncul di Twitter dan Facebook

12.Kumpulan Efek-Efek Blog Lengkap

13.Cara Ping Blog ke Google

1. Memasang Menu Slide-In di Blogspot

2. Membuat Kotak Script / Css pada Postingan Blogger

3. Mematikan Fungsi Klik Kanan Pada Blog

4. Membuat Info melayang keren di blog 2013

5. Menghilangkan Tuilisan "Diberdayakan Oleh Blogger"

6. Membuat Widget Berlangganan Dengan Jejaring Sosial

7. Membuat Link Berwarna-Warni Seperti Pelangi

8. Membuat Spoiler Di Blog

9. Cara Membuat Tombol "Copy All" di Blog

10.Membuat Agar Blog Kita Tidak Bisa di Block

11.Menjadikan Postingan Blog Otomatis Muncul di Twitter dan Facebook

12.Kumpulan Efek-Efek Blog Lengkap

13.Cara Ping Blog ke Google

Site Info

Free Page Rank Tool