Now just Go to this link there you will find the yahoo buzz buttons.
Choose your button there.
Now find this code in template

<data:post.body/>

Next Your paste the script of yahoo buzz buttons right after it.
For Eg:If you would like to choose

Icon with Text Link button then

Go To Edit HTML section and click the “Expand Widget Templates” check box.
Now press Crt+F and search for this specific line of code

<data:post.body/>

Right after this line add this code:

<div style='float:left;'>
<script type='text/javascript'>submit_url = ‘data:post.link/]’;</script>
<script src='http://sphinn.com/evb/button.php' type='text/javascript'/> </div>

Now save your template.
Thats it.

Log in to Blogger Layout----------> Edit Html-------> Expand Widget Templates.
Find this line of code:

Oke, go to blogger dashboard -Edit HTML -Check Expand Widget - and find the code below:
<b:if cond='data:top.showAuthor'>

Place following code before the code above

<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.tips-fb.com' border='0' src='http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_2.png'/></a>
</b:if>

The code above will appear be like this button:



If you want to using another button , can use these code below :



<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img src="http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_4.png" border="0" alt="www.tips-fb.com"></a>
</b:if>




<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img src="http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_3.png" border="0" alt="www.tips-fb.com"></a>
</b:if>

Or use your own text , for example : "Share On Facebook"

<b:if cond='data:post.url'>
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'>Share on Facebook</a>
</b:if>

End...

<script src='http://www.google.com/jsapi' type='text/javascript'/>

<script type='text/javascript'>

      google.load('orkut.share', '1');

      google.setOnLoadCallback(function() {

            new google.orkut.share.Button({}).draw('orkut-button');

      });

</script>

<div id='orkut-button'></div>

Done! You have successfully added the orkut share button above or below your posts!

Step 1

1. Login into your Blogger account with your ID


2. Click on Layout


3. Click on Edit HTML tab


4. Tick on Expand Widget


5. Now search for this line of code.
   

   
   <b:include data='post' name='post'/>



6. Now, replace the above code with the following piece of code
   

   <b:if cond='data:blog.homepageUrl !=
   data:blog.url'>
   <b:if cond='data:blog.pageType != "item"'>
   <a expr:href='data:post.url'>
   <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#333333;color:white">
   <data:post.title/></div></a>
   <b:else/>
   <b:include data='post' name='post'/>
   </b:if>
   <b:else/>
   <b:include data='post' name='post'/>
   </b:if>
   <!-- Hack by www.hackblogger.co.cc -->



7. Save your template now and your done for the Step 1.

1. Go to Layout


2. Edit your page element of your Navigation bar code


3. And Add the below line of code
   

   <a href="http://YourBlogURL/search?max-results=200">Table of Contents</a>

   
   


4. Click on Save changes and your done

1. Go to Layout


2. Click on Edit HTML


3. Click on Expand Widget


4. Find for the codes where your navigation code is implemented


5. And add
   

   <a href="http://YourBlogURL/search?max-results=200">Table of Contents</a>



6. Save Template and your done.

1. Go to Layout


2. Add a Page Element of your choice in Widget Space


3. Click on Add HTML/Javascript


4. Now add the below code
   

   <a href="http://YourBlogURL/search?max-results=200">Table of Contents</a>



5. Save your Page Element and your done.

1. Background Colour


2. Text Colour


3. Table of Content list Size

<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#333333;color:white">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<!-- Hack by www.hackblogger.co.cc -->

Blue --> Background Color
Green --> Text Color

And, now if you want to adjust your List Size of your Table of Contents on your Blog, Simply just change the amount of display list here

<a href="http://YourBlogURL/search?max-results=200">Table of Contents</a>