Menambakan Tombol Suka (Like) Facebook

Jadi seorang blogger ngerasa kurang aja kalo sudah lihat blog temen-temen yang macem-macem widget (asesorisnya). Jadi selalu pengen memperindah blog. Salah satunya yaitu dengan menambahkan icon suka (like) facebook. Sebenernya seh dari blogspot sudah menyediakannya. Tapi kalo orang awam kayaknya gak terlalu kelihatan logo kecil yang ada di bagian bawah postingan untuk fasilitas berbagi ini. Makannya, saya coba cari ke Om Google tentang tips ini. Alhasil ketemu deh sama blog Hendriono yang mau berbagi. Sama seperti Sobat Hendriono, sayapun mau menularkan dari blog beliau cara menambahkan icon like (suka) Facebook tersebut.
  1. Seperti biasa langkah pertama adalah kita Login ke Blogger
  2. Masuk ke "Rancangan - Edit HTML dan tidak lupa klik kolom Expand Template Widget 
  3. Cari (dengan tekan tombol ctrl F) kode <data:post.body/> 
  4. Letakkan kode berikut ini dibawah <data:post.body/> jika anda ingin memasang tombol like dibawah posting. Apabila menginginkan meletakkan tombol like di atas postingan, maka letakkan kode  di bawah ini di atas kode <data:post.body/>
<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 Blogging...!!!

Post a Comment

0 Comments