Para añadirlo a tu blog sigue los siguientes pasos.
→ En el Escritorio Blogger
→ Diseño.
→ Añadir un Gadget donde queramos poner el gadget.
→ Seleccionamos HTML / JavaScript.
En él pegamos el siguiente código:
Si quieres mas pestañas <li><a href='TU URL'>Nombre del Enlace</a></li>
El diseño es práctico y lo pueden editar totalmente.
<style type='text/css'>
#menu {
background-color:#F5F5F5;
height:29px;
margin:3px auto 0;
width:900px;
}
#menu ul {
float:left;
font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', sans-serif;
list-style-type:none;
margin:0;
padding:0;
width:630px;
}
#menu ul li {
display:block;
float:left;
font-size:12px;
height:29px;
letter-spacing:1px;
line-height:18px;
margin-right:0;
padding:0;
text-transform:none;
}
#menu ul li:hover {
background-color:#DDDDDD;
}
#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active {
color:#666666;
display:block;
float:left;
height:19px;
margin:0;
padding:5px 20px 0;
text-transform:none;
}
#menu ul li a:hover {
background: #fff;
height:25px;
text-decoration:none;
}
#menu ul li ul {
width:180px;
}
</style>
<div id='menu'>
<ul>
<li><a href='TU URL'>Inicio</a></li>
<li><a href='TU URL'>Contacto</a></li>
<li><a href='TU URL'>Páginas Amigas</a></li>
<li><a href='TU URL'>Políticas</a></li>
</ul>
</div>
Si quieres mas pestañas <li><a href='TU URL'>Nombre del Enlace</a></li>
No hay comentarios:
Publicar un comentario