Stumble Upon Count Buttons for Blogger

Like all other Social networks, StumbleUpon has also got some really elegant sharing buttons. StumbleUpon has got 6 different  sharing buttons.  You can choose any of these six. Integrating this into your blogger blog will require some template Edits.

How to add the Stumble Upon Counter Button  to Blogger?

1. First of all pick one of these 6 Button Styles.

2.Now Login to your Blogger Template and navigate to Design   >  Edit HTML and click on the check box which says “Expand Widget Templates”

3. Look for <data:post.body/> and immediately above it paste the following code.

<b:if cond='data:blog.pageType == "item"'>
<div style="float:right;padding:4px;">
<script expr:src='"http://www.stumbleupon.com/hostedbadge.php?s=5&amp;r=" + data:post.canonicalUrl'/>
</div>
</b:if>

4.Save the Template and you will see a vertical Stumbleupon counter(style 5) on your post. In the code above, you can change s=5 to s=1 or s=2 or s=3 or s=4 or s=6 to get the other button styles.

5. If you need the counter on every page, then remove the two lines of code in Green Color.

6. If you want the button to appear on the left side, then change float:right to float:left