Cara Mudah Memasang Tombol Like Facebook Pada Postingan Blog

Ada beberapa jenis Facebook like button. Berikut preview plus script-scriptnya yang dibuat untuk Blogger/Blogspot
Cara memasang Facebook Like di Blogger:

1. Masuk ke dashboard --> Design/Rancangan --> Edit HTML.
2. Jika ingin memasang button di atas posting, cari <data:post.body/>
3. Pilih salah satu script/kode dari jenis Facebook Like dibawah sesuai yang kamu inginkan
4. Paste script diatas <data:post.body/>
5. Save template.

Standard Facebook Like Button

<!-- 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;'/>
</b:if>
<!-- Facebook Like  -->

Box Count Facebook Like Button

<!-- 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;'/>
</b:if>
<!-- Facebook Like --> 

Button Count Facebook Like Button

<!-- 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;'/>
</b:if>
<!-- Facebook Like -->  

Button Facebook Like Button

<!-- 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&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>
<!-- Facebook Like --> 

Secara default, Tombol Facebook like akan muncul disisi kiri. Jika ingin menampilkannya di sisi kanan, kita dapat menambahkan CSS styling, float ke kanan, dan untuk memberi batas dengan posting ditambahkan padding plus value-nya.

<div style='padding:5px; float: right;'>
---script Facebook Like Button----
</div>

Cara Menyisipkannya:

<!-- Tombol Facebook Like  --> <b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='padding:5px; float: right;'>
<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&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;'/>
</div>
</b:if>
<!-- Facebook Like --> 

Tampilan Facebook like dapat dirubah menjadi gelap/dark dengan cara ubah value pada colorscheme=light, ganti light dengan dark colorscheme=dark.

Selamat berjuang