Menu1 de Blogandweb para blogger

El menu1 fue creado por blogandweb y yo lo adapte para otros blogs bueno.



Vista Previa:







Solo deben copiar el siguiente codigo en su plantilla antes de la etiqueta ]]><b:skin> (o algo asi)



Codigo1

/*-- (Menú) --*/

#nav {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha_Mi8xAq_XnV_GDgNpriRx-n-71874C2-QyHhC6grBh3CLW4ctFPf_BniAi-5e57wDkArTmmS8ggo-myQXfplm7wErvgL_LAVuBsg9fuw6eolkHsA99DtOdtlR5Eyo_ykQFbY4tZKTZg/s1600/content-top-bg.png) no-repeat left top;
height: 26px;
}
#nav ul{
list-style: none;
margin: 0px 0px 0px 25px;
padding: 0px;
font: bold 12px/100% Arial, Helvetica, sans-serif;
}
#nav ul li{
margin: 0px 1px 0px 0px;
padding: 0px;
float: left;
}
#nav ul li a{
padding: 5px 7px 6px 7px;
text-decoration: none;
color: #000000;
display: block;
}
#nav li a:visited{
text-decoration: none;
color: #000000;
}
#nav li a:hover, #nav .current_page_item a{
text-decoration: none;
background: #2e91c6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcoSk32rpleuM2ZLSQHBfx0g8ZaQY-CdjEXMZXq8ae5x4DuM2G6-UBONfGaqb5iywkaFyifl-u4CUJ3OHfeGgzITU1uEVq3EZtTC0lQJo9NDccrf8btrPxgJYUdXq-CBfo8HGeNhpbzrA/s1600/nav-item-hover.gif) repeat-x;
color: #ffffff;
}

Luego copian el codigo de mas abajo y lo copian despues de la etiqueta <div id='main-wrapper'>

<div id='nav'>
<ul>
<li class='page_item current_page_item'><a href='http://TU_LINK1' title='NOMBRE_LINK1'>NOMBRE_LINK1</a></li>
<li class='page_item'><a href='http://TU_LINK2; title='NOMBRE_LINK2'>NOMBRE_LINK2</a></li>

<li class='page_item'><a href='http://TU_LINK3' title='NOMBRE_LINK3'>NOMBRE_LINK3</a></li>
<li class='page_item'><a href='http://TU_LINK3' title='NOMBRE_LINK4'>NOMBRE_LINK4</a></li>
</ul>
</div>

Y les queda algo asi: