Sharing is caring, we all know that. You are alone working on your blog without sharing it on Socail Networks, then i think its a bad habit. What happens if all other people start to share your posts on their profile? You will get more audience and more hits to your blog. We cannot live with going social. We must not ignore this thing that we are social animals. I have already shared the method to add share buttons to your blog posts. That method was by addthis.com, this new share buttons are by sharethis.com.

What’s Awesome?

The best thing about them is that these contain Pinterest share button. As a blogger I know that Pinterest is an awesome source of traffic. These buttons are easy to load, even if a person is having a slow connection, he may not any problem with them. It has StumbleUpon, Twitter, Google + share button as well. Well lets start the tutorial now.

Adding Share Buttons

1. Sign in to your Blogger account
2. Go to Template > Edit HTML
3. Click the box “Expand Widget Template”
4. Search for this tag:
5. Paste this code above it:
6. Now search for this:

<data:post.body/>

Share Button Code 

Put this code just below that tag, it will show share buttons at the end of the Blogger Posts.

<b:if cond='data:blog.pageType == &quot;item&quot;'>   <span class='st_fblike_hcount' displayText='Facebook Like'/>   <span class='st_twitter_hcount' displayText='Tweet'/> <span class='st_plusone_hcount' displayText='Google +1'/>   <span class='st_facebook_hcount' displayText='Facebook'/> <span class='st_pinterest_hcount' displayText='Pinterest'/>  <span class='st_digg_hcount' displayText='Digg'/>  <span class='st_stumbleupon_hcount' displayText='StumbleUpon'/></b:if>

|| Facebook Like button
|| Twitter Tweet Button
|| Google+ Share Button
|| Facebook Share Button
|| Pinterest Share Button
|| Digg Share Button
|| StumbleUpon Share Button

Show at Home Page

If you want to show these share buttons on homepage as well, you need to modify the above code. This will help you to show these buttons at the end of every post at homepage. Use this modified code

 <span class='st_fblike_hcount' displayText='Facebook Like'/>   <span class='st_twitter_hcount' displayText='Tweet'/> <span class='st_plusone_hcount' displayText='Google +1'/>   <span class='st_facebook_hcount' displayText='Facebook'/> <span class='st_pinterest_hcount' displayText='Pinterest'/>  <span class='st_digg_hcount' displayText='Digg'/>  <span class='st_stumbleupon_hcount' displayText='StumbleUpon'/> 

What i did? i just removed this simple code from above code

 <b:if cond='data:blog.pageType == &quot;item&quot;'>  </b:if>  

Before You Go

You can rearrange these share buttons by changing the location of these colored tags. This is so easy, as you can see mine. I've arranged them according to the popularity of these social networks. Cheers, comment if you have anything to say.