Blogger Tutorial How to Add Facebook Share Button in Blogger/Blogspot Posts

Blogger Tutorial How to Add Facebook Share Button in Blogger/Blogspot Posts

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. Place the following code right before the code found in step 4:
   

   <!-- 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 -->

   
   The result should look something like this:
   

   <!-- 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 -->
   <data:post.body/>

6. Click Preview button to see the result and then save your template. you're done.    Share us dear friend.