Add a Facebook Sharing Button in Blogger

You might have seen a Facebook share button on blogs which allows users to directly share those posts on Facebook just with a single click. In this article, I'm gonna teach you how to add that share button on your blog. 
Along with the share button it also shows you the total number of shares on Facebook your post got. This helps you a lot to get more traffic from Social Media sites like Facebook.

First log into your blogger account. Once you're in, go to Your Blog >> Template >> Edit HTML >> and Search for <data:post.body/> and paste the following code either above or below it. Well that depends upon where you want your button to be placed, if you want it below your posts then paste the following code below <data:post.body/> tag, else if you want it above your posts then paste the following code above <data:post.body/>tag.
<div class="facebook-share">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='BUTTON-TYPE'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
Now, Facebook provides you several options about which type of button you would like to put on your site. They provide several options like Vertical, Horizontal  or without corner buttons. If you want to customize your button type, just replace 'BUTTON-TYPE' with your choice of code. These are the button types:
  1. box_count for a full tall button with  counter.
  2. button_count for small button with counter.
  3. button for without counter.
  4. icon for a small thumb without counter. 
Once it's all set up, save the template by clicking "Save Template" button present at the top of HTML template editor. Now go and open up your site and check if all of that works fine.