nota automatica

lunes, 27 de febrero de 2012

Como crear un Menu en nuestro blog de blogger


En esta entrada vamos a aprender a crear un menu para nuestro blog de una manera rapida y sencilla, solo sigue los siguientes pasos, en caso de que no entiendan vean los videos para quitarse alguna duda, espero y les sirva. =)


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>


4.- Ahora Vamos a cambiar el color de nuestro en caso de que el rojo no les guste o no les quede para su plantilla de blogger, para ello vamos a entrar a esta pagina de Codigo HTML y vamos a escoger un color para nuestro blog, lo unico que vamos a cambiar son 6 numero o letra, dependiendo del color solo escoge el color y listo puede ser FFFFF o 222222 solo eso se va a cambiar cheque el Video =)
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.

Bueno ahora si los dejo con el ultimo Video de como colocar la Barra de Menu en Blogger, espero y con este video se les quita toda duda que tenga con respecto a esto, les recuerdo que si siguen teniendo alguna duda o les gustaria que hablara sobre otro tema, me pueden localizar en Facebook con el apodo de Porterazo29, solo denle click a Me Gusta y los va a mandar al Facebook ahi me puede hacer cualquier tipo de pregunta respecto a los blogs enBlogger y si les puedo ayudar con gusto lo hare, me despido y que Dios los Bendiga a todos. =)

Imprimir artículo

No hay comentarios:

Publicar un comentario

Mil Trucos Blogger