Friday, October 25, 2013

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

No comments:

Post a Comment