How to Add 3D Social Bookmark Buttons to Your Blogger read it.

Social bookmarking and social news allow you to specifically target what you want to see. Instead of going into a search engine, typing something in, and then searching for that needle in a haystack, you can quickly narrow down the items to what you are looking for.
Because many social bookmarking sites display recently added lists and popular links, you can both stay current and see relevant information.
For example, let's say you are interested in learning more about social shopping. You might search for social shopping on one of these sites and come up with two articles: one with a hundred votes and one with two votes.
It's pretty easy to tell that the article with a hundred votes might be your best choice. And this is a lot easier than putting "social shopping" into a search engine and seeing page after page after page of links that may or may not be useful.
So, what started out as a way to send bookmarks to friends has really grown into social search engines. You no longer need to page through thousands of results to find a needle in a haystack. Now, you can simply go to a social bookmarking site, choose the category or tag that matches your interest, and find the most popular websites.
* LOgin on your blogger dashboard.
* Go to Design tab and edit html.
* Click to expand your html.
* Now find with ctrrl+f  <data:post.body/>
* Copy below code and paste it just after <data:post.body/>

<div style="clear:both; ">
<div style="width:60px; float:left;">
<script type="text/javascript">
digg_url = &#39;<data:post.url/>&#39;;
</script>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"/>
</div>
<div style="width:60px; float:left;">
<script badgetype="square" src="http://d.yimg.com/ds/badge2.js" type="text/javascript"><data:post.url/></script>
</div>
<div style="width:65px; float:left;">
<a expr:href="&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" target="_blank" rel="external nofollow"><img alt="Stumble" style="padding:0;margin:0;border:none;" src="http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/stumble.gif"/></a>
</div>
<div style="width:65px; float:left;">
<a expr:href="&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" target="_blank" rel="external nofollow"><img alt="Delicious" style="padding:0;margin:0;border:none;" src="http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/delicious.gif"/></a>
</div>
<div style="width:65px; float:left;">
<a expr:href="&quot;http://technorati.com/faves?add=&quot; + data:post.url" target="_blank" rel="external nofollow"><img alt="Technorati" style="padding:0;margin:0;border:none;" src="http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/technorati.gif"/></a>
</div>
<div style="width:65px; float:left;">
<a expr:href="&quot;http://twitthis.com/twit?url=&quot; + data:post.url" target="_blank" rel="external nofollow"><img alt="Twitter" style="padding:0;margin:0;border:none;" src="http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/twitter.gif"/></a>
</div>
<div style="width:65px; float:left;">
<a expr:href="&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title" target="_blank" rel="external nofollow"><img alt="Facebook" style="padding:0;margin:0;border:none;" src="http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/facebook.gif"/></a>
</div>
</div>

* Now save your template now .