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/AVvXsEiFtSt64RrYQov3Wko8i2u6-OBCWqL28k730Ss5eS00zy4IeGeL73_pwDU2Y-Y0j0mt5uvmKNIju5WvhwSdtEFTaKw7oZEdiyfDKu8R5GcsVdoMshm4on5rp99re3F07jUFbYKbDL4unfLh/' 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/AVvXsEjqWghxyObR0t7PHvMgqxY3nqbn8JPGK72pZNjzsR2AzPRBrG33GBXgnxePJM12DAzccaJ-LVzO1eDzY0BtAZumD28c0ZloZL_Pz5YNB8tL7BTyngTXvVskRrRsb6nYmegp-5Tj71PUrYU1/' 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/AVvXsEgzR3tXfsxwwxDIRbLzlaczmUgCQyBz59pz-Pb4BHexacdr3A8euIU4mYNkt2aU0et2HqsWvAMwI9POVUx-tPAW5D_Oj2jTIngcrpJGxtzlLxy3gdIMwjix1jHu8TuKxWn00U-NF9H1dQ2r/' 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/AVvXsEjuFbSQrEM0YHKYDHArzRCZy9CxuNpPUSp8fYlE6BO6Ofe9g8rMM0pF18ibaDXlQa6TTmzdlIEZuMEDEbs02itD6XASnSZqWwA3PaGqrskFEfim5tg-Ui3l68H-H6AJ-IEoWNX4WPC4YZaA/' 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/AVvXsEi0F9c4yq4d3fc2LTXy4tF42Q3k-ojPz2_uh9KJj74YwMqc_kSdDxB73aN0YQFjScNZ61_y2W_pA2pqGg77JVplU-0NXhs9qV_1yikmpGtz5qE7UH3janL_u3H18v1Z25_6-EgKIbWn_7zv/' 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