Memasang Tombol Like Facebook Di Blog

Posted by Herman on Friday, July 02, 2010 97 comments

facebook likeBeberapa waktu yang lalu saya pernah mengulas tentang cara mempromosi blog dengan memasang feed blog di Facebook.

Dengan cara ini maka semua postingan blog anda akan muncul di halaman profil Facebook sehingga dapat dinikmati oleh teman facebook anda.

Pada postingan ini saya akan membahas tentang teknik lain untuk menyebarkan artikel blog anda di Facebook yaitu dengan memasang tombol like Facebook pada postingan blog anda.

Keuntungan memasang tombol like ini adalah pembaca dapat dengan mudah berbagi postingan yang mereka sukai kepada teman facebook mereka hanya dengan satu klik. Dan sebagai pemilik blog, anda juga mendapat keuntungan berupa tambahan trafik dari pembaca yang mengelink artikel anda di profil Facebook mereka.

Nah bagi anda yang tertarik memasang tombol like ini, silahkan ikuti langkah- langkah dibawah ini:

1. Buka Blogger. Masuk ke menu Design -> Edit HTML

2. Beri centang pada "Expand Widget Templates"

3. Cari kode <data:post.body/>

4. Jika anda menemukan dua kode <data:post.body/> maka pilih yang pertama

5. Letakkan kode berikut ini dibawah <data:post.body/> jika anda ingin memasang tombol like dibawah posting atau letakkan diatas <data:post.body/> jika anda ingin memasang tombol like diatas posting

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>

6. Lalu Save template anda.

Hasilnya akan seperti ini





Kalau anda ingin membuat tombol like dalam bentuk ini




maka ganti standard dengan button_count

Anda juga dapat mengganti warna background tombol menjadi gelap dengan mengganti light menjadi dark.


Selamat mencoba. Semoga bermanfaat...


Recent Posts:

97 comments

Mawardi said... 11 July, 2010
Thank for tips
Mawardi said... 11 July, 2010
Salam terima kasih Infonya
Revolution said... 15 July, 2010
nice info om ;))
Tembang Lawas said... 02 August, 2010
Mkasih Bang Herman, langsung diPraktekan neeh :))
Ra_One said... 18 August, 2010
Ga bs di template ane gan :((
ilmu komputer said... 23 September, 2010
terima kasih y.
akhirnya ketemu juga.
di blog lain tutornya ruwet. dicoba pun gak bisa.
bisa tapi gak sesuai keingingan.
Herman said... 25 September, 2010
@ilmu komputer:

Sama2. emank simple is the best :D
edwadzero said... 11 October, 2010
ka herman cara membuat tombol Like nya bukan di posting tapi di beranda / home or di bagian Navigasi gimana caranya?
herman said... 12 October, 2010
@edwadzero

letakkan kode like diatas <data: post.body/> yang kedua
bendol said... 21 October, 2010
tombol like keluar....tapi tidak bisa di klik, seperti g ada linknya...di klik ampe kesel g tetep g bisa
Feme said... 03 November, 2010
saya langsung praktekkan dan langsung okey,,, makasih
</