Social Bookmarking Buttons for Blogspot

By adding a list of social bookmarking icons to your blog posts, you can encourage your readers to promote your blog posts to the Social bookmarking sites such as Technorati, Stumble Upon. Delicious, Digg, and more. Adding your posts  to these sites definitely will bring more traffic to your site.

To add the list of social bookmarking icons,

  1. log into Blogger > Layout > Edit HTML
  2. Before starting this hack, please remember to Save a copy of your current template. 
  3. Then, check the "Expand Widget Templates" box
  4. Now, search for this small piece of code <data:post.body/> using CTRL+F.
Now, paste the code below immediately after the code <data:post.body>.




<!--Social Bookmarking Icons Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align='left'>

<!--Twitter-->
<a class='twitter-share-button' data-count='vertical' data-via='YOUR-TWITTER-ID' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<span class='post-icons'>

<!--Delicious-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://delicious-button.googlecode.com/files/jquery.delicious-button-1.0.min.js"></script>

<a class="delicious-button" href="http://delicious.com/save">Save on Delicious</a>

<!--Google-->

<a title="Post to Google Buzz" class="google-buzz-button" 
href="http://www.google.com/buzz/post" data-button-style="normal-count"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js">
</script>
 
<!--Technorati-->
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/technorati.gif' style='padding:0;margin:0;border:none;'/></a>

<!--Digg-->
<a class='DiggThisButton'> (&#39;<img alt='DiggThis' src='http://digg.com/img/diggThis.png'/>&#39;)</a>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'>
</script>

<!--Yahoo-->
<script type="text/javascript" src="http://d.yimg.com/ds/badge2.js" 
badgetype="square"> </script>

<!--Stumble-->
<script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/>

<!--Reddit-->
<script src='http://reddit.com/static/button/button2.js' type='text/javascript'/>

<!--Facebook-->
<script src='http://widgets.fbshare.me/files/fbshare.js'/>

<!--Sphinn-->
<script src='http://sphinn.com/evb/buttons.php?b=lg' type='text/javascript'>

</script>
</span>
</div>
</b:if>
<!--Social Bookmarking Icons End-->

U can change the order of the list as u r interest
The Final Result will be like these:

4 comments :

  1. Great information. Thanks for sharing this formation. Valuable. That's a great collection!

    ReplyDelete
  2. great post, now you can increase traffic to my site, using this excellent information

    ReplyDelete
  3. Should one see with 'preview' if it worked?
    If so, it is not working in my blogspot blog :-(

    Does anyone have an idea why?

    ReplyDelete