Add stumbleupon share button with counter for blogger

Add stumbleupon share button with counter for blogger

This gadget help to share your post with stumbleupon.there have few design button.add to your blog.

 Button 1:

<script src="http://www.stumbleupon.com/hostedbadge.php?s=1"></script>

Button 2:

<script src="http://www.stumbleupon.com/hostedbadge.php?s=2"></script>

Button 3:

<script src="http://www.stumbleupon.com/hostedbadge.php?s=3"></script>

Button 4:

<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>

Button 5:

<script src="http://www.stumbleupon.com/hostedbadge.php?s=6"></script>

Button 6:

<script src="http://www.stumbleupon.com/hostedbadge.php?s=4"></script>

Note:
 for example  i took 4th design.you can change

<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>

this code with your design.you can see above designs


1. Log in to your blogger account and Go to Design >> Edit HTML

2. Put checked marked in Expand Widget Templates

3. Find this tag by using Ctrl+F  <data:post.body/>

4. If you want to add this button above your post, paste below code before, <data:post.body/>tag

5. If you want to add this button below your post paste below code after <data:post.body/>   tag

<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>

6. If you want to add it to home page only.delete <data:post.body/> code and paste below code

<b:if cond='data:blog.url ==

data:blog.homepageUrl'>

<data:post.body/>

<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</b:if>

7. Now click  preview and click save template button.
   (when you edit template first check it with clicking preview.
  because it help to check is there have error before saving)

8. Good luck . you are done.