Cara Menambahkan Facebook Like button di blog

Home

Comments

Tweet

---

Facebook menyediakan "Like" button yang memperbolehkan para pengunjung blog untuk memberi "like" pada blog tersebut dan juga men-"share" link blog ke profil akun facebook.
Tombol "like" ini gratis dan tidak panjang lebar lagi, langsung saja saya bagikan kodenya...




Tombol Like yang standar untuk blogger
Untuk menambahkan tombol like ini pada tiap postingan, maka:
1. Layout (Design) > Edit HTML > Centang "Expand Widget Tempelate"
2. Cari <data:post.body/> dan letakkan diatasnya jika kamu ingin tombol like ada diatas post, sebaliknya letakkan dibawahnya.

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

Tombol Like dengan Box Count

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

Tombol Like dengan Box Count ukutan kecil

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &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;'/>

Mungkin kamu ingin menambahkan like button untuk satu halaman saja, misalnya home page kamu.
Caranya, copykan kode ini sebagai kode html dimana kamu ingin letakkan tombol like nya.

<iframe src="http://www.facebook.com/plugins/like.php?href=http://ye-lts-in.blogspot.com" scrolling="no" frameborder="0" style="border:none; width:270px; height:80px"></iframe>

Jangan lupa untuk ganti url-nya dengan url kamu yah.. :D


Selamat Mencoba :D

---

PDF format : Print out : Subscribe via e-mail :