How to add Stumbleupon Share button in your blog or website?

  • Share
  • Share

Quick and Easy Stumbleupon Share Badge Setup with Counter

Stumbleupon Buttons for Sharing

Stumbleupon Buttons for Sharing

Add this code on your site:

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

You can choose various buttons given on the right side.

Integration Tips

Permalink badges (for advanced users): If you have several pieces of content on one page, like on a news site or blog, you may want to share a specific article or video instead of the entire page. Submitting the most specific and engaging content will also help StumbleUpon categorize it accurately and help you reach users interested in exactly what that content is about.

Integration Tips in various blogging websites and CMS

Blogger
  • Log in to your blog and go to Settings > Layout > Edit HTML
  • Check the box for “Expand Widget Templates”
  • Find the following line… <p><data:post.body/></p>- it should be around line 663; to find it more easily, copy the entire code and paste it into a text editor. Do a text search (Ctrl+F) for: <data:post.body/> Replace it with the code above. Copy the entire code again and paste it back on the blog.
  • Click on “Save Template”
  • Click on “View Blog” to see how your blog looks now with the SU badge on it.
Feedburner FeedFlare
  • Go to your feed and click on the Optimize tab.
  • Click on the FeedFlare service in the left hand navigation.
  • Scroll down to the Personal FeedFlare area to enter the URL above.
  • Click on Add New Flare and you are done!
Movable Type
  • Login to your Movable Type account and add the code above to your main index, category index and individual archive index templates.
TypePad
  • Login to your Typepad account and add the code above to your Main Index and Individual Archive templates (For more information you can also refer to the typepad help at Typepad Help ) .
WordPress
  • (For self-hosted WordPress.org blogs only – blogs hosted on WordPress.com do not currently support SU badges):
  • Edit single.php of your WordPress theme.
  • Find the following line (or similar line, depending on your theme file) in single.php or theloop.php:
  • <?php the_content(“<p>Read the rest of this entry</p>”); ?>
  • Immediately after the line, add the code above:
  • Save and upload single.php back to your WordPress theme folder. Done!

For more details on integrating Stumbleupon check here: http://www.stumbleupon.com/badges/

Related posts:

  1. How to remove category word from your WordPress url

Leave a Reply

© 2010 - 2011 Deepak Bisht. All rights reserved.
Other Websites- Uttarakhand : India Travel Deals
buy papers for college best resume writing services premier custom writings could you help me with my homework paper writings paperwritting