El objetivo es lograr algo como esto para tu blog:
Para empezar, tienes que tener la opción de añadir más elementos de página en la sección del header, así:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
Lo que sigue es pegar un código en la plantilla para el menú. Esto lo vas a pegar antes de <head>
<style type='text/css'>
.barrademenu {
margin: 0;
padding: 0;
float: left; width: 100%;
font-family: Tahoma;
font-size:13px;
font-weight: bold;
margin-top: 0px;
border-bottom: 2px solid black;
border-top: 2px solid black;
background: #990000;
}
.barrademenu li {display: inline;}
.barrademenu li a, .solidblockmenu li a:visited {
float: left;
padding: 4px 15px;
text-decoration: none;
color: white;
border-right: 2px solid black;
outline: none;
}
.barrademenu li a:hover {
color: #ffffff;
background: #000000;
outline: none;
}
</style>Ya que pegaste el código, guardas los cambios y vas a agregar elementos de página, agregas un nuevo gadget tipo HTML/Javascript y en el vas a pegar lo siguiente:
<ul class="barrademenu"> <li><a title="INICIO" href="http://www.direccion-de-tu-blog-aqui.com">Inicio</a></li> <li><a title="Informacion" href="http://www.direccion-de-tu-blog-aqui.com">Acerca de</a></li> <li><a title="Contáctame" href="http://www.direccion-de-tu-blog-aqui.com">Contacto</a></li> </ul>
<li><a title="Contáctame" href="http://www.direccion-de-tu-blog-aqui.com">Otro menu</a></li>
Si has hecho todo correctamente hasta ahora tendrás una barra de menú que se ve muy bien, sólo hay un último detalle, todos los enlaces dirigen a el inicio del blog, ¿cómo agregar las secciones?
En blogger no se puede hacer una página estática, pero podemos simular una con una entrada vieja en nuestro blog. ¿Cómo?, puedes editar entradas viejas transformándolas en el Acerca de, Contacto y demás o puedes crear una nueva entrada para cada sección y cambiarle la fecha hacia atrás para que no aparezca en la portada cuando la publiques.
La fecha la cambias clickeando en Opciones de entrada e introduces la fecha y hora que desees.
Ya que hayas creado tus entradas puedes empezar a añadir el acceso a ellas desde el recién agregado menú. Lo que tienes que hacer es colocar la dirección de cada post que hiciste de secciones en el código del menú. Por ejemplo, en la sección de Sobre mí, más o menos así se vería en el código:
<li><a title="Conóceme" href="http://www.direccion-de-tu-blog-aqui.com/acerca-de">Sobre mí</a></li>
NOTAS:
Para buscar y encontrar algo fácilmente en la plantilla usa Control+F.
Cualquier duda, cosita en la que no me haya explicado bien o no funcione me comentas aquí mismo.
Te puede servir:
Web Color Chart / Para cambiar los colores del menú, no olvides el # antes de el código del color.
HTML color codes / Otra web con códigos de color.
No hay comentarios:
Publicar un comentario