Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Menu estilo navbar de blogger

ESTO ES UN PERFECTO TRUCO SI QUIERES AÑADIR UN MENÚ A TU BLOG, ES UN MENÚ SUPERIOR, CON LO CUAL ESTARÁ EN LA PARTE SUPERIOR DE TU BLOG, (PARA HACERTE UNA IDEA, QUEDARÁ COMO LA BARRA DE BLOGGER)

Diseño>edicion html>sin expandir artilugios


Debes buscar la etiqueta
]]></b:skin> y justamente antes de esa etiqueta le pegaremos este código:

/*-- CSS Menu Superior-- */
#navtop { background: #dcdcdc ; height: 26px; width: 100%; margin: 0px auto 24px auto; font-family: "Century Gothic", Palatino Linotype, Trebuchet MS, sans-serif; font-variant: small-caps; font-weight: bold; color:#737374; font-size: 14px; border-bottom: 1px solid #afafaf;}
.nav {width: 950px; margin: auto;}

ul.navtop { padding: 0px;}
ul.navtop li { list-style: none; display: inline;}
ul.navtop li a { background: transparent; color:#737374; display: block; float: left; padding: 4px 7px 3px 7px; margin-right: 3px; text-decoration: none; border-right: 1px solid #afafaf; border-left: 1px solid #afafaf;}
ul.navtop li a:visited { text-decoration: none; color: #737374;}
ul.navtop li a:hover { background: #e1477d; color: #ffffff; text-decoration: none; border-right: 1px solid #afafaf; border-left: 1px solid #afafaf; }
ul.navtop li a:active { text-decoration: none; color: #737374; }
ul.navtop li a:focus { color: #41a5c3; outline: 1px dotted #e1477d; }
ul.navtop li.current_page_item a { text-decoration:none; color:#fff; background: #E1477D ; }
ul.navtop li ul { float:left; margin:0; padding:0; }

#searchcont { width: 100%; margin: 12px auto 12px auto; }

#searchform { height:26px; line-height:25px; float:right; margin: 0px; padding: 0px;}
input#s {color: #e1477d; width: 283px; background:#fcfcfc; padding: 2px 4px 2px 4px; border: 1px solid #afafaf;}
input#searchsubmit{ background:#afafaf; color:#fff; font-size:13px; padding: 2px;}

En este código es donde puedes hacer todos los cambios de tamaño, texto, color...

2: Ahora, necesitamos poner un código para "mostrar" el menú, lo colocaremos sobre...

<div id='header-wrapper'>

Si el resultado no sale bién, lo podemos colocar después de <body> donde debería funcionar.

<!-- Menu Superior -->
<div id='navtop'>
<div class='nav'>
<ul class='navtop'>
<li><a href='http://elbalcondejaime.blogspot.com'>Inicio</a></li>
<li><a href='www.elbalcondejaime.blogspot.com>Sobre mi</a></li>
<li><a href='mailto:elbalcondejaime@hotmail.com' title='Contactame'>Contacto</a></li>

<li><a href='http://elbalcondejaime.blogspot.com/search/label/?max-results=999' title='Ver todas las entradas'>Ver todas las entradas</a></li>
</ul>
<form action='/search' id='searchform' method='get' style='display:inline;'><input id='search-box' name='q' type='text'/><input id='search-btn' type='submit' value='Buscar'/></form>
</div>
</div>
<!-- Fin Menu superior -->


AVISO:

Tendrás que cambiar mis datos por los tuyos en este código que acabamos de pegar, (pones tu dirección de blog, tu correo...), el menú quedaria bien si no tienes la navbar de blogger, en esta entrada puedes ver como quitarla.

El truco lo ví en El escaparate de Rosa :-D

bur dice...

hola jaime, me gustaria si pudieras y tienes tiempo me comentaras como puedo poner las barras grises con los titulos como lo tienes tu y el texto metido dentro de un cuadrito.. espero me entiendas lo que te comento y puedas ayudarme... la verdad es que me encanta tu blog y me hice seguidor de el. un saludo compañero

Jaime Trujillo Escobedo dice...

Hola Bur!! claro que te lo explico, mejor publico una entrada y así es m´s fácil :-D hay varias formas de hacerlo, en realidad lo que lo hace "especial" son las imágenes de aspecto "digital" en negro ;-) explicaré cómo añadirlo :-) un abrazo0!

Alexis M.S. dice...

Hola Jaime. No encuentroooooooo el b:skin ese. Ayúedame!!!!!
Por cierto, he hecho un blog de tenis. Todavía tiene muy pocos artículos pero, quedará bien. Lo que quiero es, que te hagas seguidor del blog como en el de historia. GRACIAS
SALUDOS

Jaime Trujillo Escobedo dice...

Alexis, no hace falta buscarlo, usa las teclas Ctrl y F y abrirás un buscador. Pegas la etiqueta que te muestro en el artículo (la de b:skin) y le das a enter :-D amigo, siento no poder unirma a tus seguidores de tu nuevo blog, esque ya sigo uno tuyo, y no puedo seguir más :-S un abrazo0te!

Alexis M.S. dice...

¡¡¡MUCHAS GRACIAS!!!!!!! No me extraña que tengas 346 seguidores. Te lo mereces.
Saludos

Jaime Trujillo Escobedo dice...

Me alegra que te sirviese de ayuda Alexis :-)

Anónimo dice...

Hola Amigo me Llamo Maiki, me gustaria que por favor me expliques como puedo hacer para tener un menu exactamente como el que tu tienes en esta tu pagina, cuando le des click que te habra otra seccion pero dentro de tu misma pagina, me entiendes? asi como la tuya que esta perfecta, te agradeceria infinitamente, gracias por adelantado este es mi correo alverjitasverdes@hotmail.com

Jaime Trujillo Escobedo dice...

Maiki, es sencillo hacer un menú exáctamente como el mío, cuándo hacer click en una categoría y lleva a la página de dicha categoría es porque hay un link :-) es sencillo de hacer, te dejo el enlace de la categoría de menús por si ves alguno que te guste.

http://elbalcondejaime.blogspot.com/search/label/MenusSi necesitas algo más o necesitas saber cómo "instalarlo" dímelo y te ayudaré :-D

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo