How To Add StumbleUpon Buttons with Share Counts to blogger

Add a one of the StumbleUpon badges/button to your site so your visitors can easily submit your content to StumbleUpon and you can start enjoying additional traffic from StumbleUpon users who want to see content like yours! Simply copy and paste the code into your site and start receiving free exposure on StumbleUpon.

Users clicking these badges will be prompted to submit a page to StumbleUpon's index so other users can enjoy your content or to view the ratings and reviews of your page from other StumbleUpon users. Your site will not be framed when users click any of these badges.

Stumble Badges are a free way to promote your site to the SU community.



1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below code:

<div class='post-header-line-1'/>

4.Now Copy your "StumbleUpon" bookmarking buttons code and paste it just below the above code.

NOTE: If you can't find <div class='post-header-line-1'/> in your template, paste your "StumbleUpon" bookmarking buttons code just before <data:post.body/> .

Code 1:

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

Result :


Code 2:

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

Result :


Code 3:

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

Result :


Code 4:

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

Result :


Code 5:

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

Result :


Code 6:

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

Result :


5.Now save your template and you are done.