HTML based menubar for blog

I am not any computer engineering student but I was trying to make a menu bar for my blog which you can see on the top of my blog .Well it is very easy to create it .But finding a perfect menu bar may need some modification in the code.You can modify the depending upon requirement  based upon your size.Please note that this code is original code of my blog so you have to make some change for your blog.which I have also mentioned.It's makes our blog very attractive and we can provide the visitor more option.The code is as below:


<font face="verdana" color="black" >
<table cellpadding=0 cellspacing=0 bgcolor="#66bbdd" >
<tr>
<td width="100" align="center"><p><a href="http://parthppandya.blogspot.com/2011_06_01_archive.html"><b>ebooks</b></a> </p> </td>
<td width="100" align="center"><p><a href="http://parthppandya.blogspot.com/2011/04/websites-only-for-you.html"><b>websites</b></a> </p> </td>
<td width="120" align="center"><p><a href="http://parthppandya.blogspot.com/2011_06_01_archive.html "><b>electronics <br />projects</b></a> </p> </td>
<td width="120" align="center"><p><a href=" http://parthppandya.blogspot.com/2011/04/websites-only-for-you.html "><b>microcontoller <br />8051</b></a> </p> </td>
<td width="100" align="center"><p><a href="http://parthppandya.blogspot.com/2011/04/websites-only-for-you.html "><b>robotics</b></a> </p> </td>
<td width="150" align="center"><p><a href=" http://parthppandya.blogspot.com/2011/04/websites-only-for-you.html "><b>8085<br /> microprocessor</b></a> </p> </td>
<td width="200" align="center"><p><a href="http://parthppandya.blogspot.com/2011_06_01_archive.html"><b>study material </b></a></P> </td>
</tr>
</table>
</font>

 Steps that should be followed:
 steps only for blogger.com
1. sign in your blog
2.click on design which is on the top side
3.then in design window  on the top side click "add gadget"
4.then in gadget list select HTML/JavaScript.
5.In HTML/JavaScript  window  keep title blank and "copy & past " this code.
6.click save and view your blog.

 How you will modify:

1.<font face="here you can give any font format like vedana,arial,times new roman etc "   color=" here you can give any font color like red,yellow ,green etc."

2. <table cellpadding=0 cellspacing=0 bgcolor="#66bbdd(this is also color in RGB format in HTML.Here you write names like red, yellow ,green etc. both are same .I recommend you to keep this color that match with your background color " >

3. <td width="120(here you can adjust the width of your cell.if your word is small keep this small or if your word is large increase it")
 align="center(to keep your word in the center of cell)">
<p(paragraph)>
<a href="http://parthppandya.blogspot.com/2011_06_01_archive.html (Here you have to add the link on which you want to redirect your visitors. This will not appear on screen. ">
<b(bold)>
Electronics (add the word which you wanted to display on the screen)
<br (add brake if you are using more then two words like electronics<br>engineering<br>college so it will be displayed on the downside) >
Projects
</b></a> </p> </td>(ending of tags )

4.Keep adding the same lines depending upon your requirement.

If you like this see also new improved version of this code which also provides the facility of background changing color.click here