Kamis, 02 Agustus 2012

Cara Memasang Like Button di Setiap Postingan secara Otomatis

http://images.inquisitr.com/wp-content/2011/02/fb_like_150.jpg
Cara Memasang Tombol Like Facebook di Setiap Postingan secara Otomatis - Pada Postingan kali ini saya akan membahas Cara Memasang Like Button di Setiap Postingan secara Otomatis. Fungsinya untuk memberikan respon pada postingan selain dari komen. Selain itu, tombol like ini secara otomatis akan menampilkan url yang disukai pengunjung di profil fbnya. Disini saya akan memberikan berbagai macam tombol like facebook, diantaranya adalah sebagai berikut :




1. Standart Like Button


Kode : 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &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;'/>
</b:if>


2. Box Count Like Button

 

Kode : 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &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;'/>
</b:if>

3. Button Count Like Button

 

Kode :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &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;'/>
</b:if>

Cara Masangnya :

Login ke Blogger => Edit HTML => Lanjutkan => Centang "Expand Template Widget"
Cari kode <data:post.body/> => Copy salah satu kode diatas (sesuai keinginan kamu) tepat dibawah kode tadi => Simpan Template

Powered by Blogger