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! :)