How to Add StumbleUpon Button to Blogger Posts

How to Add StumbleUpon Button to Blogger Posts

Adding a StumbleUpon Button to your blog enable the visitors to submit your posts to StumbleUpon and you can enjoy additional traffic and free exposure on StumbleUpon! This post explains how to add a Stumble button to your Blogger blogs so that the users can stumble their favorite posts.

Please Note: Before Editing your Template, Save a copy of your current template by clicking ‘Download Full Template’ in ‘Edit HTML’ page of the Blogger ‘Layout’ Window and ‘Preview’ the changes before Saving.
  1. Go to Blogger Layout page – Edit HTML – and click Expand Widget Templates.
    How to Add Social Bookmark Links beneath Blog Posts in Blogger
  2. Search (Ctrl+F) for:

    <data:post.body/>

    and REPLACE the above line with the code given below:

    <!– STUMBLE BUTTON START –>
    <script src=“http://www.stumbleupon.com/hostedbadge.php?s=2”></script>
    <!– STUMBLE BUTTON END –>
    <div style=‘clear: both; ’/>
    <data:post.body/>

    (Refer below for more buttons)


    How to Add StumbleUpon Button to Blogger Posts (s=2)


    How to Add StumbleUpon Button to Blogger Posts (s=3)


    How to Add StumbleUpon Button to Blogger Posts (s=5)


  3. Now Save your template

Enjoy Blogging! :)

12 Comments

  1. Preety cool stuff.. nice tutorial on adding stumbleupon button on blogspot

  2. Stumble button is good choice as it provides good traffic, sometimes for than twitter as i have seen in some cases

  3. Thanks Shafar. Could you by any chance tell us how to add the Stumbleupon button to the post footer, rather than to the main body of the post?

  4. Urgh. I can’t figure it out. Thanks for the input anyway.

  5. I get this message:

    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The content of elements must consist of well-formed character data or markup.

    Tried several times

  6. I got the same message as Dave. I am using blogger/blogspot on a custom domain with a custom template. No dice :(

  7. @athena
    Try now, I have made some changes to the code. It’s working!

  8. nice one …. really interesting

  9. I’m trying to follow the instructions, but I keep coming up with an error message – the same that Dave received. Please help!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>