Memasang Tombol Like Facebook Di Blog

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

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.

semoga bermanfaat........

Artikel Terkait

Tip Trik Blog Tutorial

• Cara Menghilangkan Tulisan Diposkan Oleh: dan Label Posting pada Blogspot
• Trik Posting Blog Hanya Menampilkan Judul
• TIPS TRIK MENINGKATKAN TRAFFIC RANK ALEXA
• Memperkuat Keyword Dengan Tag Alt
• Cara Menambah Footer 3 Kolom di Blogspot
• Cara Membuat Menu Tab View
• Membuat Multi Page Footer 1-2-3 seperti Google di Blogger
• KODE WARNA
• 15 Cara Optimasi Blog Agar Tampil Lebih Cepat
• Cara Membuat Banner Berjalan
• Membuat Menu Drop Down Menggunakan CSS
• Menampilkan Kode HTML pada postingan
• KODE WARNA
• Daftar Blog Directory Terbaik
• Cara Membuat Banner Animasi
• Cara Memasang Jam di Sidebar
• Cara Memasang Yahoo ! Messenger Emoticons
• Masalah Posting Artikel
• Membuat Refresh
• Membuat efek Marquee
• Membuat Link (2)
• Membuat Link (1)
• Upload Gambar dan Foto Profile
• Membuat Text Area