Welcome to w9 Development , Bojonggede | Indonesia.

We Provide :- Blog Design & Development, Flash Intro, Interactive Multimedia CD Presentation, e-learning Solution, Logo Design, 2D & 3D Modelling / Animation, Blog Promotion, and Graphic Design.

Monday, September 26, 2011

Memasang Tombol Like Facebook Di Blog

Memasang Tombol Like Facebook Di Blog


facebook like saya akan mengulas tentang cara  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.


Sekian semoga bermanfaat.

=================================================
http://www.hermanblog.com

=================================================





 

0 comments:

Post a Comment

Popular 1:1 Traffic Exchange
w9 development © 2008. Design by :Yanku Templates Sponsored by: Tutorial87 Commentcute