Colocar las etiquetas en pestañas horizontales en Blogger (de una forma fácil)

El otro día tuve la idea en el blog de "Getafe a Domicilio" las etiquetas en un menú de pestañas horizontales:




Tampoco quería mucho lío y di con la solución rápida y sencilla de como hacerlo, en Internet no es que hubiera mucha información...

  1. Agregamos en "Diseño" --> "Elementos de página" un gadget de lista de páginas.



    Lo ponemos en horizontal en la plantilla debajo de la cabecera.
  2. Ahora en "Creación de entradas" --> "Editar páginas" nos creamos una pagina con el nombre de cada etiqueta que queramos agregar al menú horizontal.
  3. Y dentro de cada página metemos este código en la pestaña HTML, modificando la URL de location.href por la dirección de la etiqueta a la que hace referencia.

    clic para ampliar
  4. Y damos a "Publicar página"
  5. En el gadget de "Páginas" podemos modificar el orden de las etiquetas.

Lo he intentado explicar lo más sencillo posible, si queréis que detalle algo más comentármelo.


Ejemplo: Getafe a Domicilio

42 comentarios:

  1. Muchas gracias por tu ayuda, lleva buscando esto hace tiempo y me has ayudado mucho.

    www.lapalabradelasierra.com

    ResponderEliminar
  2. Veo que ya lo has hecho y te ha quedado muy bien.

    Un Saludo.

    ResponderEliminar
  3. Muchas gracias, me ha sido muy util ya lo he implementado. Por internet he encontrado muchas soluciones, pero excesivamente complicadas y con fallos. Tu truco funciona a la primera, es rapido y lo que buscaba.

    (http://malaspinablog.blogspot.com/)

    ResponderEliminar
    Respuestas
    1. Con la nueva web de gestión de Blogger también se puede en vez de crear una página colocar un enlace a la dirección que queramos directamente, con lo que resulta muy fácil y no hace que pongamos código.

      Por cierto te han quedado muy bien los enlaces.

      Un Saludo.

      Eliminar
  4. Hola!!
    Gracias por la ayuda, pero ahora que tengo creadas las etiquetas, tengo un problema. Pues cuando escribo una entrada y al finalizar pongo el nombre de la etiqueta, aparece una nueva etiqueta pero en un lateral, no arriba donde cree las etiquetas. Si le doy a las etiquetas de arriba aparece vacío, las entradas las guarda en las etiquetas de la izquierda.

    ResponderEliminar
    Respuestas
    1. Creo que has colocado nos witget de etiquetas y el sistema se esta liando.

      ¡Un Saludo!

      Eliminar
    2. entonces qué tendría que hacer para que no me aparezcan en un lateral???quiero que aparezca la información en las etiquetas de arriba..gracias!!!

      Eliminar
    3. Cambia la plantilla, posiblemente hay este el problema.

      Eliminar
  5. Hola Andromeda, he conseguido poner las etiquetas arriba (en horizontal) como indicas ¡Gracias¡ (Lo explicas de manera clara y sencilla). El problemilla que tengo es q al crear entradas nuevas para que aparezcan arriba en horizontal le tengo que da a 'nueva página' y se crea pero no aparece la fecha y de esa manera no puede llegar a la gente que se ha suscrito a nuevas entradas. Comentabas en un correo de más arriba que se cambiara la plantilla, y cual sería? la que tengo yo es la sencilla con molotovcoketail. www.elplacerdelarisa.blogspot.com Gracias :-)

    ResponderEliminar
    Respuestas
    1. No, no lo tienes bien...

      Vamos a probar...

      Pulsa con el botón derecho del ratón en tu etiqueta emociones abajo a la derecha de blog y selecciona "Copiar la ruta del enlace" ...

      Copiaras algo así:

      "http://www.elplacerdelarisa.blogspot.com.es/search/label/Emociones"

      (También puedes pulsar en la etiqueta y copiar la URL que aparece en la barra de dirección una vez que la hayas abierto(es lo mismo))

      Edita la página emociones...

      Vete a la pestaña HTML y borra todo.

      Teclea el código completo que pongo arriba en la imagen.

      En la línea : location.href='http://www.elplacerdelarisa.blogspot.com.es/search/label/Emociones'

      Ves que hemos puesto la dirección que hemos copiado (no olvides cerrar con comillas simples)

      Y te tendría que funcionar.

      ¡Un Saludo!

      Eliminar
  6. Hola de nuevo, al pinchar en emociones a la derecha del blog no veo la opción de copiar ruta de enlace... pero lo he hecho directamente en editar pagina de emociones, me he ido a la pestaña HTML y he copiado la linea' http://www.elplacerdelarisa.blogspot.com.es/search/label/emociones' mmm pero no me sale... :( algo estoy o he hecho mal... mañana sigo intentándolo, ya es un poco tarde y me voy a la cama. Un Saludo ¡ y muchas gracias por tu ayuda, espero no ser muy pesada :S

    ResponderEliminar
    Respuestas
    1. Lo de copiar la ruta de enlace sale con Firefox (lo más seguro que tu navegador no tenga esa opción)...


      Una cosa, inspeccionando tu código, me sale que has escrito "acript" en vez de "script"

      ¿Puedes revisar eso en la pestaña de HTML de la página?

      Un Saludo.

      Eliminar
  7. jajaja ahora pincho en mi etiqueta emociones y aparece tu página¡¡ voy a copiar ahora la URL de la etiqueta que tengo en el lado derecho de mi blog y tendría que aperecer, voy a intentarlo y te cuento...

    ResponderEliminar
    Respuestas
    1. Lo mejor es que copies el código en el bloc de notas de Windows y hagas ahí las modificaciones y luego lo copies todo en la pestaña HTML de la página que estas editando.

      Creo recordar que blogger modifica algo el código cuando lo editas.

      Eliminar
  8. me cachissss no me sale mi enlace... una vez que he puesto bien lo de 'script'y me sale tu página, he cambiado la URL para que salga la mía, pero... sigue sin salir... upssss joooo bueno... voy a meditar un rato...

    ResponderEliminar
  9. eihhh que no había visto tu correo... voy a intentar eso de copiar el código en el bloc de notas de windows y hago ahí las modificaciones y luego lo copio todo en la pestaña HTML... voy a ello y luego te digo...

    ResponderEliminar
  10. vaya... pues si que se me está resistiendo el tema... me voy a poner el chandal y voy a salir a que me de un poco el aire y mover las piernas y luego sigo...

    ResponderEliminar
    Respuestas
    1. Al final más fácil que todo esto, con las ultimas funcionalidades de Blogger...

      Te vas a crear una pagina, pero en vez de elegir una página en blanco, eliges "Dirección Web", pones de título "Emociones" y en la dirección pegas la URL: "http://elplacerdelarisa.blogspot.com.es/search/label/Emociones" y das a guardar.

      ¡A ver si actualizo el post!


      ¡y ya esta!

      Eliminar
  11. Me voy a crear una entrada nueva en 'creación de entradas', editar pagina, pero no veo 'dirección web'... se supone que es más fácil :S

    ResponderEliminar
    Respuestas
    1. No es en "Creación de entradas", si no en "Paginas--> Páginas nueva"

      Eliminar
  12. me súper sirvió!! muchas gracias!! ^^

    ResponderEliminar
  13. Hola, no consigo a la hora de publicar una nueva entrada, dirigirla a alguna de las secciones (paginas que hice en el blog)

    ResponderEliminar
    Respuestas
    1. Ahora en páginas, tenéis una opción para que se dirija a la página que queréis poniendo directamente el enlace.

      Eliminar
  14. muchisimas gracias por este post tan útil!!!

    ResponderEliminar
  15. ¡Me alegra que te haya servido!

    Un Saludo.

    ResponderEliminar
  16. Hola!

    He seguido todos los pasos que describes pero no he podio conseguir lo que quería, que era poder crear etiquetas tal y como las que tienes tú en las diferentes pestañas de tu blog
    "getafeadomicilio"

    Cómo puedo hacer para colocar etiquetas en las pestañas? muchas gracias.

    ResponderEliminar
    Respuestas
    1. Enlazas a la URL de la etiqueta en páginas, ahora es más fácil, en vez de crear una página en blanco eliges "Dirección WEB" y pones la URL de la etiqueta.

      ¡Un Saludo!

      Eliminar
  17. Lo primero gracias por contestar!

    Creo que se a lo que te refieres, pero mi duda es: que si pueden crear etiquetas en las pestañas sin poner entradas en la pagina principal... creo k no... pero quitame tú la duda por favor.

    muchas gracias.

    ResponderEliminar
    Respuestas
    1. No se a que te refieres, una entrada es una entrada y una etiqueta es una etiqueta, puedes crearte un post comodín donde ir agregando las etiquetas que necesites, aunque no las uses.

      Eliminar
  18. Me refiero a ponerlo exactamente como tú lo tienes en el blod de "getafe a domicilio", es que no tengo ni idea de como hacerlo.

    ResponderEliminar
    Respuestas
    1. Facil:

      Te creas desde Blogger páginas, con enlace a URL (sale en el desplegare de crear páginas), en la URL pones la dirección de la etiqueta.

      Y luego pones el widget de páginas en la parte de arriba del blog

      Eliminar
  19. Perfecto! me ha funcionado, muchas gracias por tu ayuda!

    ResponderEliminar
  20. Muy buena tu explicacion del menu, mi duda es si puedo crear menus desplegables, como submenus, espero tu respuesta gracias de antemano.
    Damian

    ResponderEliminar
    Respuestas
    1. Hola:

      Si quieres usar menús desplegables puedes intentar una plantilla como la de este enlace:

      Ritmo Blogger

      Dentro del fichero comprimido que te descargas te viene enlace a las instrucciones de como modificar esta plantilla para configurar los menús desplegables.

      Eliminar
  21. Hola Andrómeda!

    Para que me salieran las etiquetas arriba, en la opción de "páginas" puse "no mostrar". Cada vez que creo una etiqueta se me pone en la barra horizontal. Mi problema es que no sé como colocarlas en el orden que quiero. A parte he visto en la página de Getafe a domicilio que si tienes página de inicio y a parte al lado las etiquetas. Todo mezclado ¿Cómo lo has hecho?

    Esta es mi página:

    http://gatashirka.blogspot.co.at/

    Muchas gracias!!

    ResponderEliminar
    Respuestas
    1. La mía esta hecha a mano como indico en el post, con lo que he tenido que hacer una página para cada etiqueta.

      Para la página de inicio, creo una página que se llame inicio y luego enlazo a la página principal como indico en el post.

      Ordenando las páginas, consigo ordenar las etiquetas a la que tiene link cada página.

      Con el widget etiquetas de blogger consigo poner también las etiquetas en el menú lateral.

      ¡Un Saludo!

      Eliminar
  22. Buenos días,

    Iba buscando algo similar y a lo mejor me podrías ayudar.

    Quiero poner dentro de una pestaña un gadget. Por ejemplo una nube de etiquetas. ¿Cómo lo harías?

    Muchas gracias y saludos,

    ResponderEliminar
    Respuestas
    1. Muy fácil, crea un página, y en esa página pon el código HTML del gadget.

      ¡Un Saludo!

      Eliminar