How to create horizontal tab menu for blogger

so you want to create horizontal tab menu in your blogger like this:-

well that's how you do it:-

login to your blogger account then go to design>edit html option and search for this term ]]></b:skin>.

and before the end of this code just paste this code.

#nav
{
padding:0;
}

#nav li
{
display:inline;
}

#nav li a
{
font-family:Arial;
font-size:12px;
text-decoration: none;
float:left;
padding:10px;
background-color: #333333;
color:#ffffff;
border-bottom:1px;
border-bottom-color:#000000;
border-bottom-style:solid;
}

#nav li a:hover
{
background-color:#9B1C26;
padding-bottom:12px;
border-bottom:2px;
border-bottom-color:#000000;
border-bottom-style:solid;
margin:-1px;
}

it's not over yet after this again go to design and select page element and select HTML/JAVASCRIPT GADGET.

And in this paste this code.

<li><a href=”#”>Home</a></li>
<li><a href=”#”>About</a></li>
<li><a href=”#”>Services</a></li>
<li><a href=”#”>Products</a></li>
<li><a href=”#”>Sitemap</a></li>
<li><a href=”#”>Help</a></li>
<li><a href=”#”>Contact Us</a></li>

</ul>

# describe the link that you want to put in the tab and also change the name according to yourself.