How to Add Share Button on Blogger for Customized Blogger Templates?

Blogger has introduced a new way of sharing using Share Buttons which allow user to share the news articles or blog posts via social networking sites like Twitter, Facebook, Google Buzz etc.. But, this Share Buttons feature is only available for the templates that come with blogger and for the customized blogger templates, you need to add a piece of code to let it display the Share Buttons in your post.

1. Sign in to Blogger > Design > Edit HTML


2. Download and Back up your template (just in case)


3. Check Mark on "Expand Widget Templates"


4. Find the below code using Ctrl + F.
   

   <p class='post-footer-line post-footer-line-1'>



5. Add the below code after the above code
   

   <b:include data='post' name='shareButtons'/>



6. In case you don't find the code in Step 4, then find the below code
   

   <p><data:post.body/></p>
   
   and replace the code with below code
   
   <p><data:post.body/></p>
   <div style='clear:both; padding: 10px 10px 10px 10px;'> <b:include data='post' name='shareButtons'/> </div>
   
   Note: Magazine style blogger templates will contain the data:post.body line 2 times and so try in both ways and remove the one that is not working.



7. Now, Save the template!

That's it!!! You can now allow your users to share the news (Blog Posts) via Social Networking sites which can get you huge Referral Traffic.