Step 1: Go to Template >> Edit HTML >> and tick Expand Widget Templates.
Step 2: Ctrl+F and find <data:post.body/> with this <b:if cond='data:blog.pageType != "staticpage"'> tag.
Step 3: Copy and paste the code after <b:if cond='data:blog.pageType != "staticpage"'> tag.
Step 4: Save your template.
Standard Facebook Like Button
Code:
- <b:if cond='data:blog.pageType != "static_page"'>
- <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=standard&show_faces=false&width=450&action=like&font=arial&colorscheme=light&height=35"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/></b:if>
Facebook Like Button with Box Count
Code:
- <b:if cond='data:blog.pageType != "static_page"'>
- <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=box_count&show_faces=false&width=55&action=like&font=arial&colorscheme=light&height=65"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px;'/></b:if>
Facebook Like Button with Button Count
Code:
- <b:if cond='data:blog.pageType != "static_page"'>
- <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/>
- </b:if>
Customizations:
You can change the following:
- The color by changing colorscheme=light to colorscheme=dark
- The width and height.
- The “Like” word to “Recommended” by changing action=like to action= recommend
- Show faces by changing show_faces=false to show_faces=true.
- And turn off Send by applying send=true to send=false.
- font=lucida%2Bgrande
- font=segoe%2Bui
- font=tahoma
- font=trebuchet%2Bms
- font=verdana
For better instructions go to original page in here : http://www.trickiezone.com/2011/12/how-to-add-facebook-like-button-to.html
