How to Add 3D Social Bookmark Buttons to Your Blog Posts

How to Add 3D Social Bookmark Buttons to Your Blog Posts

1.Log in to your dashboard--> Desing- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see <data:post.body/> tag.

4.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>

5.Now Save your template You are done.

Cheers.!