How to Add Facebook Share Button in Blogger

To add Facebook share button below post title, simply follow these steps:

1. Back up your layout/template.
2. Go to Layout then Edit HTML tab.
3. Check Expand Widget Templates. The page will automatically refresh.
4. Now find this code:
   

   <data:post.body/>
   

5. Now paste the following code before:  <data:post.body/>

   <!-- Facebook Button -->
   <div style='float: left; padding: 5px; '>
   <a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='TYPE OF BUTTON'/>
   <script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
   </div>
   <!-- Facebook Button -->

6.  Now save the changes and view your blog, facebook like button will surely appear below the Title of your post. ref. to Pic. 1
7. Similarly if you will paste the code below the : <data:post.body/> , the facebook button will be place at end of the content. , Ref. to Pic. 2