How to Put the Facebook Like Button Above or Below every Post

1. Login to your Blogger Account and go to Layout > Edit HTML and click on the check box which says “Expand Widget Templates”

2. Copy this Facebook Like code.

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


3. Look for <data:post.body/> in your blog html.
If you want to see the Facebook Like Button above each post.
Paste the code immediately before <data:post.body/>

To place the Facebook Like Button below each post
Paste the code immediately after <data:post.body/>

Facebook Like Button Optional Settings

With the default code provided try to experiment with these options

layout=standard
layout=button_count

action=like
action=recommend

colorscheme=light
colorscheme=dark
colorscheme=evil

font=arial
font=lucida+grande
font=segoe+ui
font=tahoma
font=trebuchet+ms
font=verdana

show_faces=false
show_faces=true