Pués hoy te traigo un precioso menú que llevaba tiempo construyendo. Lo llamo menú acua porque tiene un azul muy lindo, y al pasar el cursor aparece otro azul también muy lindo. Pero no solo eso, sino que es lindo y fácil de aplicar.
Puedes ver una imágen del menú más abajo...
DEMOSu instalación es muy sencilla. Simplemente sigue los pasos cuidadosamente ¡y podrás tener el menú en tu blog!
Diseño>edición HTML>expandimos artilugios
Busca la etiqueta ]]></b:skin> y encima le pégale este código:
.menuacua{Guarda cambios. Ahora hay que ir a...
list-style-type: none;
margin: 0;
padding: 0;
width: 160px;
}
.menuacua li a{
display: block;
width: 100%;
padding: 1px 21px 5px;
text-decoration: none;
font-weight: bold;
color: #2e5985;
background-color: #8bc4fd;
border: 3px groove #007fff;
text-decoration:none;
}
.menuacua li a:hover{
repeat-x;
font-weight: bold;
font-color: #ffffff;
background-color: #2e7dcc;
border-style: outset #5cadff;
}
html>body .menuacua li a:active{
border-style: inset;
}
Diseño>añadir gadget (elemento de página)>html-javascript
Pega este código en el elemento:
Donde dice...
<ul class="menuacua">
<li><a href="URL DEL ENLACE">TITULO DEL ENLACE</a></li>
<li><a href="URL DEL ENLACE">TITULO DEL ENLACE</a></li>
<li><a href="URL DEL ENLACE">TITULO DEL ENLACE</a></li>
<li><a href="URL DEL ENLACE">TITULO DEL ENLACE</a></li>
<li><a href="URL DEL ENLACE">TITULO DEL ENLACE</a></li>
<li><a href="URL DEL ENLACE">TITULO DEL ENLACE</a></li>
</ul>
URL DEL ENLACE: pones la dirección (URL) de tu enlace.
TITULO DEL ENLACE: pones el título del enlace.
En el menú hay un total de 6 espacios para poner los enlaces, pero si quieres añadir más enlaces, sólo tienes que añadir esta línea cada vez que quieras uno nuevo...
<li><a href="URL DEL ENLACE">TITULO DEL ENLACE</a></li>Pero siempre deben estar las líneas encima de </ul>
El menú puedes colocarlo debajo de la cabecera pero está diseñado para ponerlo en la sidebar (barra lateral)
*Si tienes alguna duda sobre la instalación, o necesitas ayuda para cambiar cualquier cosa del menú (colores, tamaños...) puedo ayudarte cuando quieras :-)
¡Suerte!
¿Problemas al comentar? Utiliza 
Hola amiguito^^ jeje te agrege al msn para que lo sepas mi blog ha estado tan cambiado que ya estoy harta asi que le dejare poner templates ya... jejeje por cierto me gustaria que pusiera el link de mi pagina en tu blog sino te importa y yo pongo del tuyo en el mio ^^ bueno sin mas tu blog es buenisimo ojala el mio sea tan bueno y lo visite gente.
Saluditos
Hola Darkness, me alegra que te guste El Balcón, saludines!
Gracias eres un cielote :$ que verguenza me da tener que pedir para ayudar pero jooo es que a veces siento que hago el blog pa nada y no me da ganas de seguir ... y bueno siendo fan no lo voy a dejar ... jeje bufff todo lo quese ahora de los blogs y trucos lo aprendi de ti ...jejeje gracias por tan excepcional ayuda [roja como un tomatero]
Hola Darkness, no pasa nada, me alegra que estés feliz y que vayas aprendiendo, sabes? en este mundo nadie nace sabiendo, todos aprendemos, da igual la edad, el sexo, el aspecto... si todos actuamos como buenas personas tal vez consigamos que algún día este mundo sea una maravilla, y no hablo del mundo de blogger sino del mundo en general, hay que aprender, ser felices y disfrutar de esta vida, que pasa muy rápido!
asi que si necesitas cualquier tipo de ayuda, siempre intentaré estar aquí para ayudarte :-)
Y esto se lo digo también a todos, a ti que estás leyendo el comentario, se feliz y aprende. Descubrirás cosas que jamás hubieras imaginado aprender...
(se que hoy estoy un poco pesadito pero me emocioné :-))
Saludines!
Hola Jaime,ya tengo el menu vertical acua instalado en mi blog gracias a ti,pero ahora tengo otro problema como encuentro la dierccion (URL) de mi enlace?y el titulo?
Te agradeceria que pusieras un ejemplo de donde se encuentra.
Quisiera meter mis premios en el menu y no se hacerlo ,me diras como?
Mandame porfa un mensaje con los pasos a seguir.
Un besote y gracias.
Hola Placy! que ilusión me hace que hayas puesto el menú acua :-) mira, aquí te dejo los pasos...
En el elemento html javascript del hay que poner enlaces (links) y eso se consigue muy fácilmente...
Si por ejemplo quieres un enlace de periquitos, harías click en la categoría periquitos (la etiqueta) pero haces click con el botón derecho del ratón.
Seleccionas "copiar la ruta del enlace" y en el elemento html.javascript la pegas donde dice: URL DEL ENLACE
En el título del enlace pondríamos "periquitos (es un ejemplo)
Mira un ejemplo...
La etiqueta es periquitos,
y la url (dirección) es...
http://elbalcondejaime.blogspot.com/search/label/Periquitos
Porque hice click con el botón derecho ;-)
Si quieres hacer un botón que sea de inicio, solo tienes que poner:
http://elbalcondejaime.blogspot.com/
Pero con el nombre de tu blog, quedaría así:
http://manitascreadoras.blogspot.com/
Si necesitas algo más, aquí estoy ;-)
Jaime como vas?
Esta muy bueno esto del menu acua, lo voy a probar, solo que no se como quedara el azul en mi blog??
Por otro lado, ando buscando un enlace que vi en algunos blogs, algo tipo "share Facebbok" y hasta donde entiendo es para hacer click ahi y compartir la entrada en Facebook.
Si tenes idea de eso y me lo podes pasar barbaro!!!
Espero q lo hayas pasdo super con tu abuela!!!
Un abrazo grande amigo y gracias por todo tu apoyo y aguante!
Hola Jaime!
Parece que el comentario anterior no salió y si así fue no importa va doblemente las gracias por visitarme, por tus lindas palabras y por invitarme a visitarte.
Te felicito es hermoso el blog y sobre todo muy práctico, cosa importante para los que queremos ir remozando el nuestro y poco entendemos.
Desde Argentina te mando un saludo muy afectuoso
Noe
Que pasa Jaime!!
Joer, perdona por el atrevimiento socio, pero me sorprende que un chaval de tan solo 14 años tenga un blog tan guapo, tan variado y tan bien currao.
Es siempre un placer ver como las nuevas generaciones se interesan por cosas tan apasionantes como la cocina.
Un placer conocerte macho
Hola Khyronthell! me alegra que te guste el menú acua, si quieres cambiarle los colores puedes cambiárselos en este bloque:
.menuacua li a{
display: block;
width: 100%;
padding: 1px 21px 5px;
text-decoration: none;
font-weight: bold;
color: #2e5985;
background-color: #8bc4fd;
border: 3px groove #007fff;
text-decoration:none;
}
.menuacua li a:hover{
repeat-x;
font-weight: bold;
font-color: #ffffff;
background-color: #2e7dcc;
border-style: outset #5cadff;
}
El pimer color es el del fondo.
El segundo color es del borde.
El tercero color es del color de texto al pasar el cursor.
El cuarto es el color de fondo al pasar el cursor.
El quinto es el color del borde al pasar el cursor.
Puedes encontrar los colores en La tabla de colores
En cuanto a lo de Facebook, por ahora no conozco mucho pero sé que hay widgets para mostrar tus actualizaciones, tus fotos... intentaré investigar y te mando el widget :-) Saludos amigo! :-)
Hola Noe!!!! se había publicado el comentario, pero ya que escribiste este otro pongo este :-) Me alegra muchísimo que te guste el Balcón :-) yo también te mando un Saludo ENORME desde España ;-)
Hola Julito! jeje me alegra que te guste El Balcón, la verdad es que sí, me gustan mucho estos temas que escribo ;-) igualmente, un placer conocerte! Saludines :-)
Hola de nuevo Khyronthell, lo descubrí! en facebook, te dejo los pasos para que hagas una especie de widget que te dice:
-Foto de perfil
-Nombre
-Redes
-Correo electrónico
-Nombre de usuario
-Fecha de nacimiento
-Número de móvil
-Sitios web
-Actualizaciones del estado
-Fotos recientes
-Próximos eventos
-Últimas notas
-Publicaciones
Puedes seleccionar los que quieras mostrar.
Para crear la insignia entra en facebook, ve a perfil, baja al final del todo y en la sidebar (barra lateral) de la izquierda pone:
Crear una insignia de perfil
Haces click en eso, te aparece un mensajito de... ¿que es una insignia? y otras cosas.
Le das click a Crear insignia.
Ahora ya puedes seleccionar vertical, horizontal.. imágen, javascript... y añadir los elementos que deseas mostrar :-)
Cuando acabes, haz click en guardar y te darán el código HTML, lo pegas en un elemento html-javascript y listo!
Suerte amigo ;-)
Hola Jaime.
Vaya, como me ha gustado este menú, funciona perfectamente, hay que ponerlo en práctica.
Un saludín!.
Hola Birdelo!!!!!!!!! cuanto me alegra que te guste, la verdad es que es simple y sencillo pero es lindo ;-) Saludines!!!!!!
Buenisimo Jaime!!!!
Gracias amigo!!!
Ya lo estot buscando y viendo com queda.
Un abrazo enorme
De verdad sos un grande!!!
Hola Khyronthell!! me alegra que te guste ^_^ ya me diras como queda ^_^ un abrazo!!
Hola Jaime, me llamo Manuel. En primer lugar te diré que estoy intentando hacer un blog sin tener ni idea y haciendo pruebas he metido el menu vertical acua, pero al pinchar sobre cada opción siempre me sale lo mismo, osea todas las entradas. Tengo puesto ninfas,agapornis, etc y queria que al pinchar en el menú sólo saliesen las fotos de cada especie.
¿Que estoy haciendo mal?.Gracias.
Alucino con tu blog. Enhorabuena.
Hola Manuel, ví tu blog, verás, eso pasa porque en tus entradas no tienes un título, verás hay que poner un título, por ejemplo:
Periquitos, y después, vas al blog y pones el ratón encima del título, haces click con el botón derecho y copias la ruta del enlace (URL) después la pegas en el apartado de Periquitos de tu menú :-D así debes hacer con todas las categorías que desees poner, pero debes escribir la URL de la entrada, sino, saldrán todas las entradas que tienes :-S
Si sigues sin poder hacerlo, dímelo y te ayudo más :-) no te preocupes por ser nuevo en esto, todos lo somos una vez y se aprende rápido :-D
Me alegra mucho que te gustara El Balcón :-) un gran saludo0!! :-)
Muchas gracias Jaime, ya lo he puesto, poquito a poco. Cuando pueda meteré las fotos de los pájaros y después seguro que intentaré hacer otras cosillas de las que tú tienes en tu blog, aunque seguro que necesitaré tu ayuda. Un saludo.
Hola Manuel! me alegra mucho que pudieses hacer lo del menú :-D cuando quieras te ayudo :-D crias algún pájaro en especial?
Hola Jaime, soy Manuel. Por fín he metido las fotos, tengo todos esos pájaros, algunos me crian y otros tadavía no.
Haber si me puedes ayudar. En las entradas quiero poner los nombres encima de cada foto, pero cuando guardo los cambios me los pone donde quiere. He conseguido que al pinchar en el nombre salga la foto en grande, lo he hecho poniendo el nombre delante de imag. Algún consejo?. Gracias y un saludo.
También me comentan mis amigos que no pueden ponerme comentarios.
Hola Manuel, verás te dejo el post dónde podrás hacerlo, sólo has de centrar las imágenes para que al poner el texto encima no se te muevan al publicarlas :-D
http://elbalcondejaime.blogspot.com/2009/02/centrando-cosas-en-los-elementos-de-la.html
Si necesitas algo más aquí estoy :-D
Hola jaime quisiera saber si me podrias dejar tu codigo de las estrellas de votacion pero para el programa editor web Nvu xfa no ignores este comentario
Hola Anónimo, no sé bien a lo que te refieres, yo no tengo un código de estrellas, simplemente publiqué cómo ponerlas con un script para la votación :-S no sé a qué te refieres :-S
Hola. Como mola el menú acua. Me ha sido de gran ayuda.
Una cosa: ¿cómo haces el botón, que aparece el logo de tu blog, y que al pinchar en él te lleva a tú página?
Gracias.
Saludos.
Alexis, el botón de enlace puedes construirlo mirando este post. ^_^
Hola Jaime,soy Manuel. Verás quería poner en mi blog, aparte de los pájaros del menú acua, fotos de mis salidas al campo, y estoy mirando tu blog para ver si veo algo. Las fotos las quiero poner, pero aparte del menú ya que no guarda relación, y no sé si se puede poner otro menú en la derecha o de que otra forma podía ponerlas. Haber si puedes darme una idea y además explicarme como hacerla. Un saludo.
Manuel, no entendí bien tu comentario. ¿Te refieres a una galería de imágenes? ¿o a un menú que tenga links hacia imágenes?
Hola Jaime, soy Manuel, acabo de ver tu comentario en mi blog, me alegro que te guste.
No sé si no te llegó el último comentario sobre lo que quería hacer en mi blog. Quiero poner fotos mias de pájaros en la naturaleza y no sé como ponerlas en el blog aparte de las de mis pájaros. Que me dices?. Un saludo.
Hola Manuel, claro que me llegó tu comentario. No entendí muy bien lo que deseas hacer.
¿Te refieres a agregar en el menú enlaces a fotos tuyas con aves?
Hola Jaime, perdona por no responderte antes, he estado unos dias fuera. En principio pensé poner otro menú distinto para mis fotos de pájaros en la naturaleza, pero ahora no sé si ponerlas en el mismo menu acua. Que me recomiendas? Un saludo.
Manuel, en realidad depende de tí. Ten en cuenta que al agregar otro menú acua, podrás aplicar colores diferentes y así, destacar los dos menús.
Por otro lado, es más sencillo aplicarlo todo en un menú, pero también es más "aburridillo".
Es tu decisión. ☺
Si te decides por agregar otro menú, dímelo ya que deberemos hacer algunos cambios en el CSS para aplicarle estilos diferentes.
Cómo Puedo poner ventanas como las que tiene tu blog a la derecha?
Ejemplo:
Donde dice
SUSCRIBIR, SITIOS AMIGOS ETC.
PEDRO CRUZ, en realidad ya tienes las ventanas en tu blog. Sólo debes decorarlas un poco, añadiéndoles un borde. Para ello busca este bloque en tu plantilla:
#sidebar .widget {
font-size:95%;
margin:0 0 33px;
padding:0;
}
Y cámbialo por este otro:
#sidebar .widget {
font-size:95%;
margin:0 0 33px;
padding:3px;
border: 1px solid #BCCDF0;
}
Puedes cambiar el color del borde sustituyendo #BCCDF0 por el código que conseguirás en la tabla de colores ;).
Me gusta lo de tus menús...
Como me alegra que lo digas Laube... es un placer leer cada uno de tus comentarios ☺.
Ya quisiera yo saber hacer estas cosas con la soltura que las haces tú.. me cachis!!!!!
¡No digas eso! jajaja ☺. Estoy seguro de que con práctica todo puede hacerse. Ya verás como en un tiempo aprendes a crear y decorar cualquier cosilla en tu blog :D.
Hola, soy Manuel, ya me explicaste como poner que las fotos saliesen al pinchar en el menú acua. El problema es que no sé que he hecho y ahora al pinchar en una de ellas ya no me sale. He leido una y otra vez lo que me explicaste más arriba y nada, soy un negado para esto, y encima queria poner algo de texto en cada entrada, ya sabes, quería poner cuando se reproducen, medidas de los nidos y algo de eso. Haber si me echas una mano porque si no soy capaz de volver a hacer algo que ya hice... Donde tendría que poner el texto? Quería que quedase algo así:
CANARIO
Origen: España
Fecha de cria: Marzo
Huevos: 3-5
Tiempo de incuvación: 13 dias
Nosé algo parecido para no tener que enrrollarme.
Espero haberme explicado bién. Si puedes ayudarme te lo agradecería. Un saludo.
Hola, soy yo otra vez, nosé como lo he hecho pero ahora si me sale la foto. Haber si me puedes ayudar en lo otro.Gracias.
Manuel Paniagua, supongo que te refieres a incluir un pequeño párrafo encima o debajo de cada foto para poder incluir la descripción de ésta.
Te comento que voy a publicar una entrada al respecto para que te sea más sencillo ;).
Hola Jaime, tengo otro problema. Después de tener protegida las imágenes, ahora resulta que al meter fotos nuevas no puedo copiar la url del titulo como me decias, porque está protegido.Que puedo hacer? como quito lo de proteger para poner más fotos y después le pongo protejer otra vez. Que lio!. Un saludo.
Manuel Paniagua, no debes preocuparte. Para recuperar la URL de una imagen que tenga protección haz lo siguiente:
Edita la entrada en la que se encuentra la imagen.
Busca el código de la imagen, que viene a ser algo similar a esto:
<a href="AQUI LA DIRECCION"><img id="BLOGGER_PHOTO_ID_5453369568064654498" style="margin: 0px auto 10px; display: block; width: 194px; height: 155px; text-align: center;" alt="" src="AQUI ESTARA LA URL" border="0" width="207" height="164" /></a>
En donde dice "AQUI LA DIRECCION" encontrarás la dirección de tu imagen. Lo que debes copiar es la URL que estará en... "AQUI ESTARA LA URL".
Si necesitas algo más dímelo.
Lo he puesto en mi blog y queda de fábula. Muchas gracias Jaime. Por cierto, ¿es verdad que tienes 14 años? Que maravilla que siendo tan joven tengas unos hobbies tan bonitos y tan poco vistos en la juventud de ahora. Sigue escribiendo por aquí, que lo haces muy bien. Te lo dice una chica de 26 añitos.
Besos.
Hola Fan de David Janer! jajaja Bueno 14 tenía hace un par de añitos, ahora unos cuantos más ;).
Gracias a ti por comentar, es un placer el tenerte por El Balcón.