Stumbleupon Button with Counter for Blogger Blog Posts

A simple step by step guide with pictures on adding the Stumbleupon button code with counter to every blogger post, right at the top of every post. The code will display the number of people who have shared the page on Stumbleupon, indicating of the usefulness of the content.



Here’s the Stumbleupon code for blogger blogs:

<div style='float:right;padding:4px;'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'></script><br /><br /><a expr:href='"http://www.stumbleupon.com/submit?url=" +data:post.url'> </a></div>



10 step tutorial to add Stumbleupon Button Code for Blogger Blog Posts



Step 1: Now log into your blogger account and you will see a dashboard.



Step 2: Click the “Design” tab (see picture below)

Step 3: Now you’ll see three tabs below. Click the “Edit HTML” tab

Step 4: Click the check in box “Expand Widget Templates”

Step 5: After clicking inside the text box, use “cnrtl F” buttons (control find) and type /body

Step 6: You will arrive at <data:post:./body)

Step 7: Now paste the Stumble Upon code (from the box at the tops of post) just above this line (see picture below)

Step 8: Hit the “Preview” button at the bottom of text box

Step 9: You’ll see a new page popping up. Check out if the button appears as show in the picture below.

Step 10: If it’s all correct, then hit the “Save Template” and you’re done.



Now it’s easier for your blogger blog readers to submit your page to StumbleUpon. And that should earn you a lot of traffic. Add every page of your blog to your stumbleupon, but do it at one page a week. And share relevant, useful content from other blogs and sites (here you can share as many links). That’s the way to make yourself useful to the StumbleUpon community.



Now, don’t forget to add my page to your StumbleUpon. Thanks!

To your blogging success,



Rajasekar Raju KS



Yuo may also like How to Add facebook Like Counter Button to Blogger