Cara Membuat Facebook Like Button di Blog

Informasi yang akan anda dapatkan disini, sama sekali berbeda dari tempat lain, dan tidak akan anda dapatkan diblog manapun. Saya mengunjungi ratusan blog dan tidak satupun yang memuaskan hati saya, semuanya hanyalah blog copas pecundang biasa.  Yang ada di http://hiburanadam.blogspot ini adalah murni hasil uji coba dan kerja keras saya. Karna itu selamat menikmati bagi anda.

Sebenarnya ada banyak cara untuk membuat facebook like button diblog.  Namun kali saya hanya akan mengajarkan beberapa saja, agar anda tidak terlalu bingung dan pusing.

1. Cara Prosedural Complete

1. Anda harus login ke facebook pribadi Anda.

2. Agar lebih mudah ke Social Plugins facebook silahkan lewat facebook Developers.

3. Kemudia Anda pilih Like Box. maka akan muncul windoe seperti dibawah ini :

4. Keterangan Gambar :

• Facebook Page URL : diisi dengan URL facebook fans page milik Anda, Jika belum punya silahkan ke tutorial cara membuat fans page

• Width : lebar fans like box nantinya

• Height : tinggi Fans like box nantinya. Kosongkan saja bagian ini, tinggi akan menyesuaikan

• Color scheme : Ada dua pilihan warna di sini. Light untuk warna terang (putih) dan dark untuk warna gelap (hitam)

• Show Faces : Beri tanda centang apabila ingin menampilkan avatar orang-orang yang menyukai fans page Anda atau pilih No untuk menyembunyikannya

• Stream : Beri tanda centang apabila ingin menampilkan situasi terbaru (update terbaru) dari halaman fans page milik Anda

• Header : Beri tanda centang apabila ingin menampilkan “find us on facebook”

Jika sudah melakukan konfigurasi yang menurut Anda baik dan sesuai kehendak. Klik “Get Code” untuk mengambil code fans like box tersebut. Setelah itu akan muncul window baru seperti dibawah ini :

Keterngan : Didalam kotak code Facebook Like Box ini terdiri dari 3 elemen yaitu HTML5, XFBML, dan IFRAME seperti contoh gambar diatas.

5. Klik IFRAME, nah maka akan keluar  kodenya, setelah itu anda copy ke blog Anda Caranya:

• Login ke Blogger
• Masuk ke dashboard
• Design/Rancangan
• Edit HTML.
•  Klik/check "Expand Widget Templates"
• Jika anda ingin itu muncul dibawah post, letakkan dibawah kode <data:post.body/> 
•  Jika anda ingin itu muncul dibawah koment, letakkan dibawah kode <div class='post-footer-line post-footer-line-1'/>
• Paste Kode Facebook Like Box tadi dibawahnya
• Kemudian save
• Selesai

2. Cara Paling Sederhana

Cara yang kedua ini adalah cara yang paling mudah dan sederhana. Anda tidak perlu lagi memusingkan diri dengan bolak balik ke facebook aplikasi dan berbingung ria dengan kode-kode aneh bin ajaib itu terlalu banyak, sebab kami sudah sediakan semuanya disini, anda tinggal perlu mengcopys pastenya.

1. Masuk ke dashboard > Design/Rancangan > Edit HTML.

2. Klik/check "Expand Widget Templates"

3. Copy Paste kode ini, silahkan anda ganti alamat link berwarna hijau menjadi milik anda.

<!-- Tombol Facebook Like  -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/>
</b:if>
<!-- Facebook Like http://hiburanadam.blogspot.com --> 

4. Click Control + F, lalu cari kode ini  <data:post.body/>

Jika anda ingin facebook likenya diatas post, copy pastekan kode tersebut tepat diatas <data:post.body/>, tapi   jika ingin tampil dibawah, copy pastekan kodenya tepat dibawah  <data:post.body/> 

      

6.  Save template
7. Selesai, dan lihat hasilnya, OK kan...!!