Blogspot Tutorial: Add StumbleUpon Button in Posts

StumbleUpon is a popular social bookmarking site where users share their favorite web pages. You can add StumbleUpon button in the footer of each post. This button would make it easy for readers to share your blog content with the rest of the world. This can drive more traffic to your blog.

Lets Add the StumbleUpon Button!

1- Log in to your Blogger account and go to Design then Edit HTML tab.

2- Check Expand Widget Templates option and the page will automatically refresh.

3- Find the following line of code:

<data:post.body/>

The above code might be in this form:

<p><data:post.body/></p>

4- Paste the following code right after the above code:

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; +data:post.url'><img alt='StumbleUpon' border='0' src='http://www.stumbleupon.com/images/small_su_logo.png'/>
</a>

5- Save your template and you're done.

Want More Buttons?

StumbleUpon has introduced many new badges/buttons with clear instructions, feel free to give 'em a try. Here is the link:

http://www.stumbleupon.com/buttons/