Add Facebook Like Button To Blogger Posts

Today i am going to introduce the Facebook like button  under each blogger post. Their are three different size and style of like buttons

1. Horizontal Count Button
2. Vertical Count Button
3. Without Count Button

Steps To Use These Likes Buttons

• Go To Your Blogger Dashboard >>Template 

• Click on Edit HTML

• Now Find the Code which look like <data:post.body/>

• This may code comes 2,3 times Try it on which comes at 2nd. If Facebook button works and appear in post then all right otherwise try it on other left codes

• Now choose Your Style from below three codes and Paste Just After/Below the Code 

<data:post.body/>

Horizontal Count Button

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &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>

Vertical Count Button

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &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=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if> 

Without Count Button

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &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>

• After pasting your favorite code from about three codes then save your template settings

I hope these Facebook Like button helps to increase your visitors. If you face problem while using these buttons must ask your question in comments box.