Add Digg ,Tweet, Google Buzz, Facebook Share buttons to blogger

How to add all the important social sharing button in one tutorial the buttons will appears just in the post page(not in the home page) but you can modify it to make visible in the home page too (i don't recommend this because it takes alot of space) this buttons wil be benaeth the post and above the comments.

believe me if you had a good content you will get a huge traffic from those buttons


1-Go to www.blogger.com
2-Click layouts.
3-Go to Edit HTML.
4-Check on Expand Widget Templates

5-Search for next red html code (by pressing Ctrl+F):
<data:post.body/>

6-Replace it with this code:

<data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div align='left'>
<h3>Save and Share!</h3>

<script> digg_url = data:post.url; </script>
<script target='_blank' src="http://digg.com/api/diggthis.js"></script>

<script type="text/javascript">
tweetmeme_source = 'pstutsblog';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

<br/>

<script target='_blank' src="http://widgets.fbshare.me/files/fbshare.js"></script>


<a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain="http://www.google.com";if(b&&!document.xmlVersion){void(z=document.createElement("script"));void(z.src="http://www.google.com/reader/ui/link-bookmarklet.js");void(b.appendChild(z));}else{}' title='Buzz It!'><img alt='Buzz It' src='http://i47.tinypic.com/2j0b02c.jpg'/></a>


</div>
</b:if>

Don't trust me!:Before you add it to you blog test it right now(below).
Thanks for reading.