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!

Blog Admin : Divya Sai

ProBlogger - Inspiring Others Realize Their Dreams!

Share this

Google Facebook Twitter More

• Digg
• Linkedin
• Stumbleupon
• Delicious
• Tumblr
• BufferApp
• Pocket
• Evernote

Related Posts

• Image Zoom [JQZoom] For Blogger BlogsHere's a creative and innovative way to display large pictures in limited area: that's JQzoom ! Purpose of this hack
• FeedBurner Showing 0 (Zero) Subscribers CountA hot topic being discussed in the Blogosphere is the about the recent issue at Google's FeedBurner. As reported by the
• 4 Tips for Organizing And Uncluttering your Blog ArchiveA guest post contributed by George Baker, who regularly writes for SparesNextDay.co.uk A well organized blog has a ton
• Static Pages Are Now Available On Blogger Blogs Back in September 2009, along with introducing a new feature in the official Blogger hacks list - i.e. Read More/post