Content

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:

0 comments:

Post a Comment

My Ping in TotalPing.com My Zimbio