Blogger - Menu

Blogger Menu

Log into your Blogger.com account, click on that icon under “Change Settings”, which relates to the blog you need to edit, and click on the Template.

In the template editing textbox, locate this code:

<$BlogMetaData$>

And put these code above that BlogMetaData code :

<style type="text/css">
.hovermenu tr{
font: bold 13px arial;
padding-left: 0;
margin-left: 70px;
height: 20px;
color:white;
}
.hovermenu tr td{
list-style: none;
display: inline;
}
.hovermenu tr td a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color:white;
font-weight:900;
background-color:#1088ab;
border: 2px solid black;
}
.hovermenu tr td a:hover{
background-color: #FFE271;
border-style: outset;
color:black;
}
<style>
Locate this code:

<!-- Begin #main-content -->
<div id="main-content">

And put these code right below this code :

<div align="center">
<table class="hovermenu" cellpadding=".5px" cellspacing=".5px">
<b>
<tr>
<td><a href="button1" title=""<Blogger></a></td>
<td><a href="button2" title=""<FAQ</a></td>
<td><a href="button3" title=""<Download</a></td>
<td><a href="button4" title=""<Contact</a></td>
</tr>
</table>
</b>
</div>