Añadir un menú desplegable en el blog


Si quieres poner en tu blog una menú desplegable como este:

debes seguir los siguientes pasos:

1) Vamos a Diseño -> Elementos de pagina
2) Añadir un gadget -> HTML/Javascript
3) Pegamos el siguiente código:


<select onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" class="desplegable" name="menu" size="1"><option selected/>Seleccionar...
<option value=""/>- - - - - - - - - -
<option value="URL de la página"/>Título
<option value="URL de la página"/>Título
<option value="URL de la página"/>Título
<option value="URL de la página"/>Título
<option value="URL de la página"/>Título
</select>


Tan sólo debemos cambiar en donde pone URL de la página por la dirección (link) que queramos enlazar, y cambiar Título por el nombre que queramos que aparezca en el menú desplegable. También puedes cambiar Seleccionar por la palabra que desees.

Si queremos que aparezca centrado tan sólo deberemos añadir <center> y </center> al principio y al final del código respectivamente.

28 comentarios:

  1. Hola, mi duda es la siguiente... en URL de la pagina puedo añadir varias direcciones??

    Saludos

    ResponderEliminar
  2. Hola Ana.

    Puedes hacerlo tantas veces como repitas <option value="URL de la página"/>Título y lo sustituyas por la URL y datos que quieras.

    Un saludo.

    ResponderEliminar
  3. Mi pregunta no tiene sentido, porque ahora que me pongo a pensar es imposible que muestre varias URL en un mismo titulo.

    ResponderEliminar
  4. jeje no pasa nada.

    Mira la estructura de la foto de ejemplo para que te quede claro.

    ResponderEliminar
  5. ESTA ES LA MEJOR RESPUESTA Y VERIDICA DE TODO LO QUE HE BUSCADO EN EL INTERNET...LA PROBE Y ME SIRVIO...TE FELICITO..ERES EL MEJOR..

    ResponderEliminar
  6. Gracias Anonimo. Me alegro que te sea de utilidad. Un saludo y gracias por tu visita y comentario.

    ResponderEliminar
  7. Inicie mi blog con las plantillas y ya hay una gran cantidad de código. en que parte debo colocar el que sugieres?

    ResponderEliminar
  8. Hola. Este menu no va en la plantilla HTML de manera directa. Debes agregarlo de la siguiente manera:

    1) Vamos a Diseño
    2) Añadir un elemento HTML/Javascript
    3) Pegamos el código de arriba.

    Espero haberte aclarado tu duda. Un saludo.

    ResponderEliminar
  9. Buenisimo, voy a probarlo.
    Te dejo una pregunta por si sabes. En realidad lo que me gustaría sería poner una barra horizontal con varios menus desplegables, uno al lado del otro. ¿Conocés alguna forma?
    Sería la gloria del as glorias que me solucionaras eso. Sino me rebuscaré para poner esta opción de la mejor manera posible, tal vez de forma vertical.
    ¡Pero horizontal sería lo mejor!
    Gracias, saludos.
    Nacho.

    ResponderEliminar
  10. Hola Nacho, gracias por comentar.

    Mira, aquí te dejo todos los menús que hay hasta el momento para tu blog: http://www.quierocrearunblog.com/search/label/Men%C3%BAs

    Creo que más de uno se ajusta a lo que me pides.

    Un saludo y gracias a ti por tu visita y por comentar.

    ResponderEliminar
  11. jajaj hola jefe..como estas ..mira hoy me volvi loca loca y loca..no me sale menu... sabes que ? pienso alquilar una casa serca de ti ..asi me echarias una mano... jajaj... bueno mas tarde intentare haver si puedo areglar... un beso y gracias por todo tu ayuda ... hasta pronto porque eres unico que me aayuda apañar por aqui jaaj .. besos y graciassssssssssss

    ResponderEliminar
  12. Hola maya. Gracias por tu comentario.

    Pues no debería darte problemas este gadget, no tiene mayor complicación. Simplemente se instala en Diseño -> Elementos de pagina -> Añadir un gadget -> HTML/Javascript

    Luego allí pegas el código de la entrada y poner los enlaces que deseas que aparezcan. Revísalo y me comentas. Un saludo :)

    ResponderEliminar
  13. Excelente!

    Muy facil de entender y claro que funciona

    Gracias lo acabo de poner en mi blog!

    Saludos

    ResponderEliminar
  14. muchisimas gracias!!! lo estaba buscando por todos lados y lo que encontraba no me convencia!!! muaks

    ResponderEliminar
  15. Hola,

    quiero poner un menu desplegable para fotos.

    Pero no quiero que al hacer click en ellas se vayan de la pagina del blog. Me gustaría que o se creara una nueva página o que aparecieran en el centro de la pantalla donde normalmente hay los posts..

    he probado con target=¨"_blank" en la url pero no me funciona.. :(

    Alguna idea?
    Gracias,
    ALbert

    ResponderEliminar
  16. Me funcionó perfectamente. ¡Siete veces gracias!

    ResponderEliminar
  17. Hola, una consulta, si lo que quiero es enlazar la pestaña con una nueva pagina para meter contenidos nuevos, como hago lo de la url?

    ResponderEliminar
  18. hola, gracias por el truco, me gustaria saber como se puede igular el tamaño de los desplegables,(el motivo de que esten desiguales, me imagino que sea por el tamaño de los titulos)gracias por la respuesta.

    ResponderEliminar
  19. hola mi pregunta es: como se hacen los contenidos donde solo te muestra cierta parte del contenido y te da la opcion donde dice "leer mas" y al darle clic muestra mas contenido del tema.

    ResponderEliminar
  20. para darte la idea mira esta pagina http://www.intercambiosvirtuales.org/ aqui te tira la opcion "continuar leyendo" y quiciera saber si se puede colocar un menu en la parte de abajo donde diga pagina siguiente como la uqe aparece en esa misma pagina. ¿Es posible colocarle eso a un blog?

    ResponderEliminar
  21. hola una pregunta en "url de la pagina" que direccion hay que poner yo por ejemplo quiero poner fotos y las fotos las saco de distintas paginas web no se si me explico entonces que url pongo?? gracias espero la respuesta

    ResponderEliminar
  22. Hola, haber si me puedes ayudar respecto a los menus desplegables:

    donde debo colocar target="_blank", para que la URL, se me habra en una pestaña nueva.
    Espero que me puedas ayudar, me estoy volviendo loco.
    Gracias, un saludo.

    ResponderEliminar
  23. hola, muy buena la informacion, me funciono perfectamente, lo que quiero preguntar es como hago para que todos los menus desplegables tengan el mismo ancho?? ya que algunos salen mas anchos que otros, espero tu respuesta, muchisimas gracias!

    ResponderEliminar
  24. BUENAS NOCHES, EXCELENTE LA FORMA DE CREAR LA VENTANA DESPLEGABLE,ME GUSTARIA SABER SI SE PUEDE PONER COLOR A LOS VINCULOS Y COMO

    GRACIAS

    ResponderEliminar
  25. Hola quierocrearunblog. Quería hacerte una consulta, ya que recién me inicio en esto y no entiendo demasiado...
    Yo quiero crear un menú desplegable, pero que no me remita a una url, sino, a las entradas que tenga en base a las etiquetas. ¿Es factible de hacer esto?
    Sería buenisimo si se pudiera hacer y me lo explicaras tan claro como los pasos que explicaste para crear el menú despplegable. Espero tu respuesta...
    Saludos...
    Macky

    ResponderEliminar
  26. Saludos no se como hacerlo.. quiero poner un menú desplegable en mi blog pero.. no soy experta y me da miedo lo pueda perder.. puedes ver mi blog y decirme si mi plantilla soporta este menu desplegable
    Muchas gracias, disculpa la molestia.
    www.anamariabalarezo.blogspot.com

    ana maria

    ResponderEliminar