Would you like to add "Stumble It" buttons to your blogs, along with a counter to show the number of stumbles on your blog post svia StumbleUpon.com ? Then, relax and follow this short tutorial...
The buttons are straight from StumbleUpon, with no modification required. Your readers will simply click these buttons to submit your blog posts to StumbleUpon and all the visitors coming to your page from SU will be counted by SU and the number of visitors will be shown in these buttons.
Of all the social bookmarking sites out there, you can count on StumbleUpon for massive traffic to your blog.
STEPS TO FOLLOW:
STEP #1
Go to this page [StumbleUpon Buttons] and select the type of button you want to use on your blog.
In the second step, select the first option "Any web page or blog".
And finally copy the code in the third step. It will look something like this:
<script src="http://www.stumbleupon.com/hostedbadge.php?s=2"></script>
STEP #2
Now log in to Blogger, go to Layout -> Edit HTML and mark the tick box "Expand Widget Templates". Then find (CTRL+F) this code below, in your template:
And immediately ABOVE/BEFORE it, paste the code you just got from StumbleUpon, with two more additional lines of code (highlighted as BOLD, below) to hide these buttons in your blogs homepage.
Save the template and Show off your big numbers!
You can also add it to different locations. It all depends on you.
If you want to add it before your blog posts, you can add it BEFORE <data:post.body/>
If you want to add it below your blog posts, you can add it UNDER <data:post.body/>
If you have any problem getting it done, kindly let me know via the comment form below this post.
In my future posts, I will be writing more extensively about more hacks you can add to your blogger blog and also ways you can drive more traffic to your blog.
So, for you not to miss those and and also my future free Ebooks, freebies, articles and be getting them right inside your email inbox even when you are not on the internet, kindly go to http://feedburner.google.com/fb/a/mailverify?uri=SecretInfos-Ogbongeblog and enter your email. Once entered, you will have to check your email INBOX or SPAM FOLDER for a confirmation email containing a confirmation link.
Once you verify your email by clicking on the confirmation link in the message, YOU WILL NEVER MISS MY FUTURE ARTICLES AND FREEBIES AGAIN.
Wait, there is probability that you are reading this article on another website which is not my blog. If that is the case,then you will not be able to see links to the RELATED ARTICLES for this article. To check out the related articles, gently go to my blog, www.ogbongeblog.com
Cheers !!!.
Source
The buttons are straight from StumbleUpon, with no modification required. Your readers will simply click these buttons to submit your blog posts to StumbleUpon and all the visitors coming to your page from SU will be counted by SU and the number of visitors will be shown in these buttons.
Of all the social bookmarking sites out there, you can count on StumbleUpon for massive traffic to your blog.
STEPS TO FOLLOW:
STEP #1
Go to this page [StumbleUpon Buttons] and select the type of button you want to use on your blog.
And finally copy the code in the third step. It will look something like this:
<script src="http://www.stumbleupon.com/hostedbadge.php?s=2"></script>
STEP #2
Now log in to Blogger, go to Layout -> Edit HTML and mark the tick box "Expand Widget Templates". Then find (CTRL+F) this code below, in your template:
<div class='post-footer'>
And immediately ABOVE/BEFORE it, paste the code you just got from StumbleUpon, with two more additional lines of code (highlighted as BOLD, below) to hide these buttons in your blogs homepage.
<!--SU-BUTTON-STARTS-->
<b:if cond='data:blog.pageType == "item"'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=2"></script>
</b:if>
<!--SU-BUTTON-STOPS-->
Save the template and Show off your big numbers!
You can also add it to different locations. It all depends on you.
If you want to add it before your blog posts, you can add it BEFORE <data:post.body/>
If you want to add it below your blog posts, you can add it UNDER <data:post.body/>
If you have any problem getting it done, kindly let me know via the comment form below this post.
In my future posts, I will be writing more extensively about more hacks you can add to your blogger blog and also ways you can drive more traffic to your blog.
So, for you not to miss those and and also my future free Ebooks, freebies, articles and be getting them right inside your email inbox even when you are not on the internet, kindly go to http://feedburner.google.com/fb/a/mailverify?uri=SecretInfos-Ogbongeblog and enter your email. Once entered, you will have to check your email INBOX or SPAM FOLDER for a confirmation email containing a confirmation link.
Once you verify your email by clicking on the confirmation link in the message, YOU WILL NEVER MISS MY FUTURE ARTICLES AND FREEBIES AGAIN.
Wait, there is probability that you are reading this article on another website which is not my blog. If that is the case,then you will not be able to see links to the RELATED ARTICLES for this article. To check out the related articles, gently go to my blog, www.ogbongeblog.com
Cheers !!!.
Source
Great tutorial about stumbleup button.I was searching it from long time.Thanks alot for sharing.
ReplyDelete