How to Add a Top Menu Bar to Your Old Style Blog in Blogger

1. Sign into Blogger using your Google account credentials. Click the 'Design' button under the name of the blog you want to edit.

2. Click the 'Add Gadget' button, then select 'Text/HTML.' Paste the following code into the blank field:

Navigation Option 1

Navigation Option 2

Navigation Option 3

Navigation Option 4

Replace the sample links and titles with the actual URLs and titles of the pages. Add additional elements to add additional links to the navigation menu. Click the 'Save' button.

3. Select 'Edit HTML.' Scroll down to the

element and click your mouse on the line before this code. Paste the following code in:.basictab{

padding: 3px 0;

margin-left: 0;

font: bold 12px Verdana;

border-bottom: 1px solid gray;

list-style-type: none;

text-align: left;

}.basictab li{

display: inline;

margin: 0;

}.basictab li a{

text-decoration: none;

padding: 3px 7px;

margin-right: 3px;

border: 1px solid gray;

border-bottom: none;

background-color: #f6ffd5;

color: #2d2b2b;

}.basictab li a:visited{

color: #2d2b2b;

}.basictab li a:hover{

background-color: #DBFF6C;

color: black;

}.basictab li a:active{

color: black;

}.basictab li.selected a{ /*selected tab effect*/

position: relative;

top: 1px;

padding-top: 4px;

background-color: #DBFF6C;

color: black;

}Edit the codes for colors, the names and sizes of fonts and any other elements of the menu's style you want to change. Click the 'Preview' button to preview how the menu looks on your blog and make changes as necessary. Click 'Save Changes' when you are ready to make the changes final.