Add StumbleUpon Buttons [With Counter] To Blogger Blogs

Now you can add "Stumble It" buttons/badges to your blogs, along with a counter to show the number of stumblers stumbled on your site/post via StumbleUpon.com
The buttons are straight from StumbleUpon, with no modification required. Your readers will simply click these buttons to submit your pages to StumbleUpon and all the visitors coming to your page from SU will be counted by SU and the number of visitors will be shown in these buttons.
Of all the social bookmarking sites I have ever used, I prefer StumbleUpon for the massive traffic it provides. Two of my posts (Post #1 and Post #2) already received over 20,000 visits each, from StumbleUpon. BTW if you liked any of those posts, I would be happy to get a thumbs up from you :)

STEPS TO FOLLOW:

STEP #1
Go to this page [StumbleUpon Buttons] and select the type of button you want to use on your blog.

In the second step, select the first option "Any web page or blog".
And finally copy the code in the third step. It will look something like this:

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

STEP #2
Now log in to Blogger, go to Layout -> Edit HTML and mark the tick box "Expand Widget Templates". Then find (CTRL+F) this code in your template:

<data:post.body/>

And immediately ABOVE/BEFORE it, paste the code you just got from StumbleUpon, with two more additional lines of code (highlighted as BOLD, below) to hide these buttons in your blogs homepage.

<!--SU-BUTTON-STARTS-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;script src=&quot;http://www.stumbleupon.com/hostedbadge.php?s=2&quot;&gt;&lt;/script&gt;
</b:if>
<!--SU-BUTTON-STOPS-->

Save the template and Show off your big numbers!

---