Stop PC Crashes with WinZip System Utilities

Enter your email address:

Showing posts with label STUMBLEUPON. Show all posts
Showing posts with label STUMBLEUPON. Show all posts

Thursday, July 22, 2010

ADD STUMBLEUPON SHARE COUNT BUTTON IN YOUR BLOG POSTS

Stumbleupon is another website where we can share our blog posts or the posts which we like with our friends. Stumblers are considered to be a major arm in discovering and sharing great websites. Stumbleupon button or Stumble it buttons are very helpful for a blogger to provide an option for an easy one click submission of posts to share with others. Stumble It buttons are available in many sizes. Here in this post, I would like to share some of the popular, cool Stumble It share count buttons for your blog. If you feel that the post is useful, don't hesitate, Stumble It. 

How to Add Stumble It count buttons to your blog posts

STEP A
Log in to Blogger Account, go to Layout -> Edit HTML and check the box "Expand Widget Templates". Now, find any of this code in your  template. (Please make a backup copy of your template before doing any sort of editing)

<div class='post-header-line-1'/>

OR

<div class='post-header-line'/>

 

STEP B
Then immediately after the above given code, copy and paste the code given below. You may select the code of any one of the two StumbleUpon Counters. If you want code of more smaller StumbleUpon counter, then please comment here.

Something to edit:

  • Change the position of this button by changing the right to left or center.

 

Large StumbleUpon counter

stumbleupon counter button large

<!--STUMBLEUPONCOUNTER-CODESTARTS-http://businessvartha.blogspot.com--><div style='float:right;padding:4px;margin-top:-4px;'><script type='text/javascript'>url=&quot;<data:post.url/>&quot;; </script><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div><!--STUMBLEUPONCOUNTER-CODESTOPS-->

 

Small StumbleUpon counter

stumbleupon counter button large

<!--STUMBLEUPONCOUNTER-CODESTARTS-http://businessvartha.blogspot.com--><div style='float:right;padding:4px;margin-top:-4px;'><script type='text/javascript'>url=&quot;<data:post.url/>&quot;; </script><script src='http://www.stumbleupon.com/hostedbadge.php?s=2'/></div><!--STUMBLEUPONCOUNTER-CODESTOPS-->

After pasting the code, just look to preview the blog and check whether the button appearing on the correct place. If you feel any trouble, ask me.

More Buttons to Add:

Blog Widget by LinkWithin