This new HTML code for menu bar provides the facility of "background changing color".When you take the mouse near the link color becomes light.It really looks nice.The code does not contain any kind of javascript it is very easy to understand.you can modify this code according to this page.
code:
<table cellpadding=0 cellspacing=0 >
<tr>
<td width="100" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><p><a href=" http://parthppandya.blogspot.com/2011/06/free-electronics-ebooks-for-you.html" ><b><font face="verdana" color=blue>ebooks</font></b></a> </p> </td>
<td width="100" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><p><a href="http://parthppandya.blogspot.com/2011/04/websites-only-for-you.html" ><b><font face="verdana" color=blue>websites</font></b></a> </p> </td>
<td width="120" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><p><a href="http://parthppandya.blogspot.com/2011/06/free-electronics-ebooks-for-you.html " ><b><font face="verdana" color=blue>electronics <br />projects</font></b></a> </p> </td>
<td width="120" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><p><a href=" http://parthppandya.blogspot.com/2011/06/8085-8051-study-material.html " ><b><font face="verdana" color=blue>microcontoller <br />8051</font></b></a> </p> </td>
<td width="100" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><p><a href="http://parthppandya.blogspot.com/2011/04/websites-only-for-you.html " ><b><font face="verdana" color=blue>robotics</font></b></a> </p> </td>
<td width="150" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><p><a href=" http://parthppandya.blogspot.com/2011/06/8085-8051-study-material.html " ><b><font face="verdana" color=blue>8085<br /> microprocessor</font></b></a> </p> </td>
<td width="200" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><a href="http://parthppandya.blogspot.com/2011_06_01_archive.html" > <p><b><font face="verdana" color=blue>HTML/JavaScript</font> </b></p></a> </td>
</tr>
</table>
The code used here is:
<td width="100" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><p><a href=" http://parthppandya.blogspot.com/2011/06/free-electronics-ebooks-for-you.html" > </td>
To add this code to your blog the steps as shown on this page can be followed
code:
<table cellpadding=0 cellspacing=0 >
<tr>
<td width="100" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><p><a href=" http://parthppandya.blogspot.com/2011/06/free-electronics-ebooks-for-you.html" ><b><font face="verdana" color=blue>ebooks</font></b></a> </p> </td>
<td width="100" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><p><a href="http://parthppandya.blogspot.com/2011/04/websites-only-for-you.html" ><b><font face="verdana" color=blue>websites</font></b></a> </p> </td>
<td width="120" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><p><a href="http://parthppandya.blogspot.com/2011/06/free-electronics-ebooks-for-you.html " ><b><font face="verdana" color=blue>electronics <br />projects</font></b></a> </p> </td>
<td width="120" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><p><a href=" http://parthppandya.blogspot.com/2011/06/8085-8051-study-material.html " ><b><font face="verdana" color=blue>microcontoller <br />8051</font></b></a> </p> </td>
<td width="100" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><p><a href="http://parthppandya.blogspot.com/2011/04/websites-only-for-you.html " ><b><font face="verdana" color=blue>robotics</font></b></a> </p> </td>
<td width="150" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><p><a href=" http://parthppandya.blogspot.com/2011/06/8085-8051-study-material.html " ><b><font face="verdana" color=blue>8085<br /> microprocessor</font></b></a> </p> </td>
<td width="200" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><a href="http://parthppandya.blogspot.com/2011_06_01_archive.html" > <p><b><font face="verdana" color=blue>HTML/JavaScript</font> </b></p></a> </td>
</tr>
</table>
The code used here is:
<td width="100" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><p><a href=" http://parthppandya.blogspot.com/2011/06/free-electronics-ebooks-for-you.html" > </td>
To add this code to your blog the steps as shown on this page can be followed
