Yesterday I wrote an article on how to add a Tweet Button to your Blogger posts. Today I decided to show you the way how to add a StumbleUpon Button/Badge in Blogger. Normally if you have already add the Tweet Button, you can also join to it this button. The method of adding this button to appear in every blogger post in general is the same as the method we used for adding the Tweet Button, but normally the code is different. So let’s start adding the StumbleUpon button.
1. Login to your Blogger account and go to Design.
2. Click at the Edit HTML tab which will lead you to the Edit Template page.

3. At the Edit Template page check the Expand Widget Templates option. Now you have to be careful here. First find the following code to your template: <data:post.body/> (press CTRL+F paste the code and the browser will find it for you).
After you have find the line where is written <data:post.body/> just after it paste the following code:
<script src=”http://www.stumbleupon.com/hostedbadge.php?s=1“></script>
Notice: If you use the code above, it will display the following button:
For s=3 you get this button
After you have added the code in your template, just click Save Template and preview your blog.
Hope you liked it. Happy blogging.