How To Add Big Social Bookmarking buttons below blogger post

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

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

<p><data:post.body/></p>

4.Copy below code and paste it immediately after the line <p><data:post.body/></p> .

<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' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkIDEQv1DisPohBEvhjk8kapi3rVl7v-iVLne-g_NqnU-9OiLILjwOdxPd26lYbsX9XAb4AP1opsN0wY0b_a6G0NATcAjWpT-eJ_oTTBCMVNjsMl6e4F3Ump2t7wEeHSKg6_mAHJ1kvSqk/' style='padding:0;margin:0;border:none;'/></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' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRDd47X_VtkiV-dg8NSBQaPSjwu_sQzXUIAaGyVlurZKtkqJ9e2h6jMP0PQ6otaGxa4Of4Dvmnd74MuIgAunR0wMAJs1Iv6SFh-rOG7Jwru8HVtT1hRcDakriVnVFOFZNfpGkzVLf-P1Z1/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUx1cZK5mdNx-yCpJwgwsM3XwPORHF6pf2f1BQlXZCjMBnOX-3NRs52E0YvMRkJ_oXhZ2NZcRv5pzZR6sYY8EydjW6wixIQ_b0QhBkKfGTDjJDhiK-cA4YCheaWQ-gr_rV9ynb-HyTMns6/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitKoEIwYAJDwGSZJm9RG4g_urEwHgkgStaOpeB2pqoRC5Cu95HA5jKztMGOqloSrlVEdCSQ9ElfUQl1Z5e7nHE0wSvwqXN8_dhyphenhyphenlsEMhlx_Dc0_YqPjYcbycvQr03X_XMgOPRTnAag1Xrf/' style='padding:0;margin:0;border:none;'/></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' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-ECDd-gDfzSbf0RVJ57q5u059Reuph1jGwJiY3Cd_8b8WCmUUdqWCRr4UH2HIWyKvEYpOAmU7FTaLQSkKBoh020-QG6vx7c6lGDKDIf72Lbuy3eD_rjNye71EaE8lONxULWw_fTxMjY1X/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

5.Click on "Save Templates" and now you are done.It will look like this.



Demo