TutorialWebForBlogger

TW4B It's about a blog that talking about blogging widgets, blogger template tutorials, search engine optimization SEO and other useful blogging tips

How to add stumbleupon share button with counter on your blog ? 1. Login to blogger with your ID 2. Click design 3. Click edit html ... nopict

How to Add Stumbleupon Share Button with Counter in Blogger

How to add stumbleupon share button with counter on your blog ?

1. Login to blogger with your ID

2. Click design

3. Click edit html

4. Click download full template

5. Tick expand widget template

6. Find code below :

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

press (Ctrl+F) to easily find.

7. Copy your stumbleupon share button code and paste it just below the above code.

NOTE : If you can not find <div class='post-header-line-1'/> in your blogger template, paste your stumbleupon share button code just before <data:post.body/>

Vertically, there are 6 buttons :



These are codes (from top to bottom) :

Code 1 :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=1"></script>
</div>
</b:if>


Code 2 :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=2"></script>
</div>
</b:if>


Code 3 :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=3"></script>
</div>
</b:if>


Code 4 :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=4"></script>
</div>
</b:if>


Code 5 :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
</b:if>


Code 6 :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=6"></script>
</div>
</b:if>

There are no comments yet for 'How to Add Stumbleupon Share Button with Counter in Blogger'