1.- En este primer paso nos vamos a ir a mi Diseño para poder correguir lo que es el mi codigo HTML de nuestro blog, ya que Blogger por defecto no nos permite poner un menu o algo mas sobre la cabecera de nuestro blog, asi que tenemos que ir a modificar mi codigo de HTML asi que vean el Video de abajo para poder Modificarlo, les recuerdo que primero hay que hacer un backup de mi plantilla ya que si nos llegamos a equivocar en algun codigo no perdamos mi informacion, de nuestro Blog.
Les recuerdo que para poder Buscar el maxwi en el HTML en nuestro blog lo puedes hacer con las teclas Contro+F para poder buscarlo como aparece en el video.
2.- Despues Copiamos el codigo que aparece en este blog y lo vamos a pegar tambien en elCodigo HTML en,pero antes de <Head> para poder ponerlo en la cabezera, chequen el Video, les dejo el codigo que tienen que copiar para pasarlo 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>
3.- Despues nos vamos a la pestaña de Diseño y vamos nuevamente a copiar un Codigo de este blog, cuando lo hayamos copiado nos vamos a diseño, y en la parte de arriba le damos un click en Añadir un nuevo Gadget, buscamos la opcion HTML/Javascript y pegamos el codigo que Copiamos aqui y le damos guardar, chequen el Video.
<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>
5.- Ahora por ultimo vamos a arreglar, los enlaces del menu, nos vamos a la parte superior de Diseño donde pusimos los codigos anteriores y lo que vamos a hacer es cambiar la URL o direccion de las paginas hacia donde queremos mandarla, asi como lo que queremos que diga, chequen el video.
Listo el Menu ya debe de estar instalado correctamente, no se preocupen si todavia tienen alguna duda, pues les dejo otro video donde explico paso a paso y detalladamente como instalarlo para que no tengan ningun problema, les recuerdo que ya tengo Facebook y que si tienen duda o quieren dejar algun comentario lo pueden hacer mediante Facebook ahi les contestare cualquier pregunta solo pongan Me gusta y haga su comentario o pregunta, que Dios los Bendiga. =)
Generador de Colores
Antes de ponerles el ultimo Video me gustaria ponerles un Generador de Colores paraBlogger ya que esto les va a ayudar a encontrar el Color adeacuado para su Barra de menu, lo unico que tienes que hacer para poder utilizar es darle click en la combinacion que mas te guste y en el lado derecho te va aparecer el Codigo el cual vas a poner en el Codigo del Menu, puedes escoger muchas combinaciones y es muy simple de usar, te recomiendo que sea lo mas parecido al fondo de tu blog para que no se vea tanto el menu, pues hay plantillas que ciertos menu no se ven muy bien, asi que trata de adecuarlo de la mejor manera posible, asi se va a ver con mejor Diseño.
No hay comentarios:
Publicar un comentario