arte y diseño

En Esta Entrega, Te voy a Enseñar como configurar Una barra lateral del blog de enlaces en tu
Parrafo Esto Es Necesario introducir Serie DOS de codigos, el primero de ESTOS lo ubicaras en "EDICION DE HTML" (. Formulario de configuracion, la orientacion horizontal, el no molestar y Los Colores De Los Botones), y El Segundo lo ubicaras en la cabecera de tu blog, alojandolo en el Aparato de "HTML / JAVASCRIPT" (ESTE Codigo CONFIGURACIONES La CANTIDAD De Botones, el titulo de Los Mismos y el enlace url de las paginas Que asignes boton CADA un.
Que configurado 4 Barras horizontales Para Qué Copias el codigo Con El Color que mas Sí encajan a tu blog, (negro, gris, amarillo y rojo)
Comencemos:
1) Entra a "DISEÑO"

2) Edición de HTML

3) Buscamos el siguiente codigo:       ]]></b:skin>                                            , (Para ubicarlo rapido Teclea Ctrl + F, aparecera posicion de busqueda,)

4) Justo los los los antes del codigo Que buscaste pega el codigo Que corresponda al Que el color de de elegiste Para Tu Blog

__________________________
CODIGO BOTONES NEGROS

/ * Menú horizontal
----------------------------------------------- * /
# Menu ul {margin: 0; list-style: none;}
# Menu li {display: inline; margin: 0; padding: 0;}
# Menú a {no-repeat Izquierda arriba; margin: 0 0 1.5px 1.5px; padding: 0 0 0 4px; text-decoration: none;}
# Menú Lapso ONU {float: left; display: block; background: url (http://img832.imageshack.us/img832/9943/bottonejestudio5.png) no-repeat Continua continúa derecha superior; padding: 5px 12px 12px 4px, el color : # fff;}
# Menú Lapso ONU {font: 12px negrita Arial, Helvetica, sans-serif; color: # 000; float: none;}
# Menu a: Lapso hover {color: # fff;}
# Menu a: hover {background-position: 0%-27px;}
# Menu a: Lapso hover {background-position: 100%-27px;}
. Claro {clear: left}
/ * Fin del menú * /


________________________
CODIGO BOTONES ROJOS

/ * Menú horizontal
----------------------------------------------- * /
# Menu ul {margin: 0; list-style: none;}
# Menu li {display: inline; margin: 0; padding: 0;}
# Menú a {no-repeat Izquierda arriba; margin: 0 0 1.5px 1.5px; padding: 0 0 0 4px; text-decoration: none;}
# Menú Lapso ONU {float: left; display: block; background: url (http://a.imageshack.us/img594/5764/bottonejestudiorojo.png) no-repeat Continua continúa derecha superior; padding: 5px 12px 12px 4px, el color : # fff;}
# Menú Lapso ONU {font: 12px negrita Arial, Helvetica, sans-serif; color: # 000; float: none;}
# Menu a: Lapso hover {color: # fff;}
# Menu a: hover {background-position: 0%-27px;}
# Menu a: Lapso hover {background-position: 100%-27px;}
. Claro {clear: left}
/ * Fin del menú * /


_______________________________
CODIGO BOTONES AMARILLOS

/ * Menú horizontal
----------------------------------------------- * /
# Menu ul {margin: 0; list-style: none;}
# Menu li {display: inline; margin: 0; padding: 0;}
# Menú a {no-repeat Izquierda arriba; margin: 0 0 1.5px 1.5px; padding: 0 0 0 4px; text-decoration: none;}
# Menú Lapso ONU {float: left; display: block; background: url (http://a.imageshack.us/img715/8199/bottonejestudioamarillo.png) no-repeat Continua continúa derecha superior; padding: 5px 12px 12px 4px, el color : # FFFFFF;}
# Menú Lapso ONU {font: 12px negrita Arial, Helvetica, sans-serif; color: # FFFFFF; float: none;}
# Menu a: Lapso hover {color: # FFFF00;}
# Menu a: hover {background-position: 0%-27px;}
# Menu a: Lapso hover {background-position: 100%-27px;}
. Claro {clear: left}
/ * Fin del menú * /
­­­­­­­­­­­­­­­­­­­­­­
_______________________________
CODIGO BOTONES GRIS

/ * Menú horizontal
----------------------------------------------- * /
# Menu ul {margin: 0; list-style: none;}
# Menu li {display: inline; margin: 0; padding: 0;}
# Menú a {no-repeat Izquierda arriba; margin: 0 0 1.5px 1.5px; padding: 0 0 0 4px; text-decoration: none;}
# Menú Lapso ONU {float: left; display: block; background: url (http://a.imageshack.us/img594/6805/bottonejestudiogris.png) no-repeat Continua continúa derecha superior; padding: 5px 12px 12px 4px, el color : # FFFFFF;}
# Menú Lapso ONU {font: 12px negrita Arial, Helvetica, sans-serif; color: # FFFFFF; float: none;}
# Menu a: Lapso hover {color: # 000000;}
# Menu a: hover {background-position: 0%-27px;}
# Menu a: Lapso hover {background-position: 100%-27px;}
. Claro {clear: left}
/ * Fin del menú * /

5) LUEGO ve la ONU "GUARDAR PLANTILLAS" y luego a "GUARDAR CAMBIOS"
A Este ALTURA ya TENEMOS configurados the buttons, Pero todavia no ven Sí PORQUE TENEMOS Que insertar La Segunda serie de codigos!
6) Ve ONU "DISEÑO" un y luego "Anadir GADGET" en la cabecera del blog.
7) Busca el artilugio de "HTML / JAVASCRIPT" codigo siguiente y pega el.

<!-- Menú horizontal --><br /><br /><div id="menu"> <br /><br /><ul><br /><br /> <li><a href="URL"><span>Título 1</span></a></li> <br /><br /> <li><a href="URL"><span>Título 2</span></a></li> <br /><br /> <li><a href="URL"><span>Título 3</span></a></li> <br /><br /> <li><a href="URL"><span>Título 4</span></a></li> <br /><br /></ul> <br /><br /></div> <br /><br /><a href="http://ej-estudio.blogspot.com/"> ej estudio</a>

8) pones LUEGO, ES "Titulo" el Nombre Que "URL" Quieras Que se vista en el boton y en
la direccion de la pagina web Que DESEAS enlazar.
Para agregar mas Pestañas Copia y pega Secuencia una,
9) Guarda los Cambios y Disfruta de tu barra personalizada horizontal!





En el Caso Que Tu BARRA HORIZONTAL aparezca en la Pantalla MUY PEQUEÑA, Vuelve a abrir el adminículo de where alojaste la ultima serie de codigos (en la cabecera del blog) y te encontras Que en el CADA Secuencia aparece this codigo "font-size: 0 " , reemplaza el 0 Por El numero 10 , te quedaras deveria asi; "font-size: 10" Valores Cambia baño TODAS Secuencias Que El los veas, solucionadoo LUEGO guarda los Cambios y Problema. ¡¡¡¡¡¡!

NOTA: NO TE Olvides QUE ANTES DE REALIZAR Cualquier CAMBIO EN EDCION DE HTML. DEBES REALIZAR UNA COPIA DE SEGURIDAD,

Espero Haber Sido muy claro y Que te SIRVA this explicacion!. Saludos y Hasta La Entrega proxima!

Edgardo Lafuente
_____________________________________________________________________________