Enter your email address:

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:

5 comments:

shabnamahsan said...

Hi Reetha
Thanks a million for this useful post...I put it on my blog but its not showing the correct number of stumbles...My post High Heels: Friend Or Foe is liked by 10 people but its showing only one....plz help me to correct it...thanks in advance

shabnamahsan said...

Hi Reetha
facing a new problem...

http://styleuplife.blogspot.com/

plz click this link & see my post High Heels: Friend Or Foe...here stumbleupon counter is showing 1 stumble....

http://styleuplife.blogspot.com/2010/07/high-heels-friend-or-foe.html

now click this link....here stumbleupob counter is showing 6 stumbles...stumble count should be same at both places...plzzzzzzzzz help me to correct it.....

P. Reetha said...

Dear Maam...thankyou for commenting here. Well,we have inspected your site. Please note that this widget will show counts based on the URL of the page which shows this widget. If you have three or more post in the home page then all the widget in that page will show the number of links in those widgets from ur home page. At the same time, individual posts , with a different URL will only show when these widgets are viewed on that individual posts. This is because, while submitting a page, the widget automatically follows each URL..
Hopes that you are clear.....
Please feel free to ask

Thank you

Reetha

Muhammad Behzad Akhtar said...

Nice tips...

Admin said...

hello there, there's a new way to get the different social counts, check this link http://www.upgradedtutorials.info/php/get-the-delicious-stumble-and-linkedin-shares-count-using-php/. the code was so handy and useful, you can also use it as much as you want. Sparky!

Blog Widget by LinkWithin