Add Facebook Like Button To Blogger Posts

Facebook Plugins are important for every blogger to increase visitors. By using Facebook like button your readers can easily like your article and These likes increase your post popularity and help to increase search ranking also. As i already say that using pages plugins and social buttons are important. I already introduce a Facebook like box widget for your Facebook fans page. That helps to increase page member if you want to use then i recommend to must read How To Use Facebook Like Box Widget.

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.