Likebutton Pada Posting Blog

Masi inget iklan "Laik dhis yoo..." kan? nah biasanya likebutton (tombol like) diklik kalo kita menyukai suatu status atau quote dari seseorang. Tapi baru-baru ini like status malah dijadiin hobi para remaja, ntah suka atau gak suka, yang penting klik like lahh... hahaha... Likebutton juga bisa dipasang diposting blog kita, bagaimana caranya? mari kita bahas bersama.

Ada beberapa jenis likebutton:

1. Standard Facebook Like Button
   
   Script:
   
   <!-- Tombol Facebook Like  -->
   <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;'/>
   <!-- Facebook Like http://kerikilberlumut.blogspot.com -->
   </b:if>
2. Box Count Facebook Like Button
   
   
   Script
   
   <!-- Tombol Facebook Like  -->
   <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;'/>
   <!-- Facebook Like http://kerikilberlumut.blogspot.com -->
   </b:if>
3. Button Count Facebook Like Button
   
   
   Script
   
   <!-- Tombol Facebook Like  -->
   <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;'/>
   <!-- Facebook Like http://kerikilberlumut.blogspot.com -->
   </b:if>

Nah setelah mengerti ketiga bentuk likebutton, selanjutnya kita bahas bagaimana cara menambahkan likebutton pada posting blog kita.

1. Pilih likebutton yang temen-temen pengen
2. Masuk ke dashboard > Template > Edit HTML
3. Klik/check "Expand Widget Templates"
4. Dengan menggunakan Ctrl+F, cari   <data:post.body/>
5. Jika ingin memasang likebutton di atas posting (dibawah judul post), letakkan script likebutton yang temen-temen suka diatas <data:post.body/>.
6. Jika ingin memasang button di bawah posting,  letakkan script likebutton yang temen-temen suka dibawah <data:post.body/>.
7. Save template.

Alhamdulillah...
Barrakallahu minna wa minkum

Lokasi:

Berbagi :