6 abr. 2013

Aprende a crear un Menú sencillo con Blogger, organiza tus contenidos con unos fáciles pasos sin necesidad de saber programar

La creación de una buena estructura de distribución de contenidos es vital a la hora de construir un blog. Una buena estructura jerárquica nos ayudará a que el usuario no se "pierda" navegando por nuestras páginas en busca de información.

La visión inicial que un blog presente en su página principal, debe permitir al usuario ser capaz de moverse por los contenidos de la manera más intuitiva y cómoda posible. Conseguir esto es primordial, pues no sólo unos buenos contenidos o una bonita presentación bastan para que el usuario se interese por lo que queremos transmitirle. Veamos cómo realizar esta organización en un menú de un sólo nivel, explicándolo paso a paso, un pequeño "Brico-Blog".




NOTA: Si no tienes ninguna experiencia en informática o programación, haz clic en el enlace para la guía paso a paso: "el más fácil todavía" para poner un menú en Blogger.

La forma de conseguir que se sienta "atraído" es, por supuesto unos buenos contenidos claros y concisos que sean de su interés, así como una presentación inspirada en dichos contenidos que sea agradable a la vista y acompañe el conjunto pero nada de todo esto sirve, si después no tenemos organizada y estructurada la información de manera que se sienta totalmente cómodo para navegar por ella sin problemas.

Imagina por un momento que entras en un nuevo centro comercial que has visto al pasar por la calle, y que al entrar resulta que no sabes dónde están los artículos que buscas... te fijas en carteles que te indiquen por dónde dirigirte a la sección que te interesa  para obtenerlos. Gracias a que está todo organizado y estructurado con la información necesaria para encontrar lo que buscas, llegas a localizar justamente aquello que buscabas en ese centro comercial. Con la organización de la información sucede lo mismo, si el usuario entra en el blog, lee nuestra entrada y luego quiere profundizar más en la información o desea buscar otras entradas nuestras, va a necesitar que le demos todas las facilidades para dirigirle a donde él quiera ir.

Para ello necesitamos estructurar correctamente la información de nuestro blog. Hay autores de esta clase de páginas web que prefieren gestionar la información en forma de listas de enlaces, otros prefieren aprovechar el histórico de entradas agrupados por mes, algunos deciden crear menús y otros agrupaciones jerárquicas con páginas.

En este caso, me propongo ayudarte a crear un menú de un sólo nivel. Es decir, un menú que te ayude a agrupar en conceptos los contenidos de tu blog. Es visualmente útil porque si quieres que el usuario decida qué clase de contenido ofreces, le presentas las palabras que le dan acceso al mismo de una forma clara. También es organizativamente eficiente pues te va a permitir agrupar tus entradas automáticamente cuando las elabores, sin necesidad de luego realizar ningún proceso manual, utilizando la potencia de las etiquetas (explicada anteriormente aquí).

NOTA IMPORTANTE: Realiza una copia de seguridad de tu blog antes de realizar los cambios. No me responsabilizo de los errores derivados de un incorrecto uso de las instrucciones proporcionadas.

La adición de un menú en blogger, puede llegar a realizarse de diversas maneras, algunas pueden resultar ineficientes o hacernos realizar un trabajo inútil para el mantenimiento del mismo. Voy a planteraros un menú sencillísimo que os permite agrupar vuestros contenidos en conceptos:

1) Dirígete en Blogger a la pantalla principal y en el menú izquierdo de opciones pulsa en "Diseño"


2) Se mostrará el diseño que has decidido crear para tu Blogger. A continuación pulsa dentro del escritorio de diseño "Añadir un Gadget", tratándose de un menú te recomiendo que utilices la opción de Añadir Gadget que según el diseño de tu blogger mejor quede para dejar el menú en la parte superior, a la derecha o a la izquierda. Selecciona el Gadget de Google "HTM/Javascript".



3) Cuando se abra el cuadro de configuración del gadget "HTML/Javascript" verás una pantalla como la que te muestro en la pantalla inferior, con una caja de texto para poner "Título" y otra caja más grande donde insertar código Javascript.


4) Añade en la caja de texto que tendrá el código Javascript el código que te explico a continuación (copia y pega este texto o el del ejemplo, procura que no haya retornos de carro que dividan en partes incorrectas el código):

<ul id="menu">
<li><a class="selected" href="http://Direccion_de_tu_blog">Inicio</a></li>
<li><a href="Direccion_blog/search/label/concepto_agrupador">Opción_de_ Menu</a></li>
</ul>
  • Dentro de la etiqueta "<ul>" hasta "<ul>" metemos las opciones de menú que vamos a tener.
  • La opción "Selected" es la principal, en mi caso, es donde presento las entradas del blog según las voy creando.
  • Cuando pulsen en "Selected" se carga automáticamente en el marco principal, todas las entradas que tenemos en el blog (como siempre, como podéis ver en mi propio blog al acceder). Por ello en "href" introducimos la URL de nuestro propio blog.
  • Después creamos un "a href" por cada opción de menú que deseamos crear. En cada un de los a href se pondrá la dirección de nuestro blog seguido de "/search" seguido de "/label" y seguido del "concepto agrupador" de entradas de nuestro blog por el que queremos que cuando el usuario pulse la opción, se busquen en el blog aquellos contenidos que pertenecen a dicho concepto agrupador.
Por ejemplo quedaría algo así con el menú de un hipotético blog con una estructura parecida a la mía:
<ul id="menu">
<li><a class="selected" href="http://Ejemplo.blogspot.com">Inicio</a></li>
<li><a href="http://Ejemplo.blogspot.com/search/label/tecnologia">Tecnología</a></li>
<li><a href="http://Ejemplo.blogspot.com/search/label/ocio">Ocio</a></li>
<li><a href="http://Ejemplo.blogspot.com/search/label/opinion">Opinión</a></li>
<li><a href="http://Ejemplo.blogspot.com/search/label/consumo">Consumo</a></li>
</ul>
  •  En el ejemplo, se llama a la página principal del blog que dibujará todas las entradas en el orden que las vamos creando como siempre.
  • Luego se presenta cada opción de menú con su concepto agrupador de entradas que el usuario no verá. Así, cuando el usuario haga "clic" sobre "Tecnología" por ejemplo, estará haciendo una búsqueda que agrupa todas aquellas entradas que contengan la etiqueta "tecnología" en su interior. Así mismo sucedería con las sucesivas opciones de menú.
  • El resultado del ejemplo es el que puedes ver en mi menú (pero en cada blog se creará con la hoja de estilos que cada uno haya decidido utilizar en su plantilla) 

  • Dependiendo de vuestra hoja de estilos, que va en función de la plantilla Blogger que utilizasteis, el menú tendrá la apariencia adecuada a vuestro blog. A parte de horizontalmente, dependiendo de dónde y cómo coloques el "Gadget  HTML/Javascript", se puede crear verticalmente (y donde quieras arriba, abajo a izquierda o derecha).
 En este paso ya tendrás creado el meú, pero sin que sea interactivo totalmente, dado que ahora tenemos que crear las etiquetas en las entradas, basándonos en el ejemplo anterior, que nos permitan agrupar bajo el concepto "Tecnología" todas las entradas en las que metamos la etiqueta (label) "tecnologia", en "Ocio" todas las entradas en las que metamos la etiqueta "ocio" y así sucesivamente.

5) Un paso tan importante como la adición del javascript. En cada entrada deberás añadir como etiqueta la palabra que pongas a continuación de "label". En el ejemplo sería "tecnologia, ocio, opinion, consumo" (porque incio es la principal y ahí no se utilizan etiquetas). En la imagen inferior te he recuadrado con unas líneas negras dónde deberás añadir la etiqueta que se convierta en tu concepto agrupador de páginas bajo la opción de menú.


La adición de etiquetas como te expliqué aquí es útil no sólo por el ejemplo que ahora te estoy dando para hacer con ellas un menú, sino también porque le permiten al buscador no tener que "leer" toda tu entrada para presentar el resultado después en pantalla, es decir, la etiqueta le dice al buscador directamente de lo que trata tu entrada sin leerla.

De esta manera, una vez hayas ido rellenando la zona de etiquetas que te mostré en el paso "5)" de cada entrada que tengas, conseguirás que quede la información bien estructurada en un menú que agrupa los conceptos en base a las etiquetas.

6) Si quieres que no salga el mensaje "Mostrando entradas con la etiqueta EtiquetaMostrar todas las entradas" cada vez que el usuario accede a una opción de menú, haz lo siguiente:

6.1 Busca en la plantilla pulsando CONTROL + F en la vista de EDICIÓN HTML de la plantilla el código: 

<b:include data='top' name='status-message'/>

6.2 Elimina la citada línea de código. Con esto desaparecerá el mensaje de aviso del Blog si lo deseas.

NOTA: Si no tienes ninguna experiencia en informática o programación, haz clic en el enlace para la guía paso a paso: "el más fácil todavía" para poner un menú en Blogger.

Ya sabes, cualquier duda , como siempre pregunta. Espero que te sea útil.

Escrito por Miguel García Sánchez - Colomer

Dispuesto a ayudarte con tu Blog en todo lo posible, Diarios de la nube es mi medio para llegar hasta ti. El conocimiento es universal, es del mundo, es de todos, esta es mi parte y la comparto contigo.

259comentarios:

  1. Respuestas
    1. Gracias por tu comentatio, aqui estamos para ayudar. Un saludo para ti también.

      Eliminar
    2. Miguel con las etiquetas no realiza el vinculo en el buscador y cuando le doy click algun boton del menú dice que la página no existe
      te agradezco tu ayuda

      Eliminar
    3. Hola CUP. Las etiquetas que tengas en el Blog, debes escribirlas en el código del menú coincidiendo mayúsculas y minúsculas, todo exacto.

      ¿Se resuelve con esto tu problema?, si no escribe de nuevo y pon un enlace a tu web para que pueda indicarte con más claridad.

      Un saludo!!

      Eliminar
    4. Buen día Miguel, pues bueno muchas gracias por hacerlo facilito, la verdad que ya me había devanado el cerebro tratando de hacer esto. Luego con más tiempo trataré de colocar las subcategorías. Saludos

      Eliminar
    5. Muchas gracias María Elena, me alegro que te haya servidor. Cualquier cosa aquí me tienes.

      Un saludo y muchas gracias por participar.

      Eliminar
  2. Super bien explicado! Yo lo tengo pero en versión compleja, cuando tenga un problema ya se a quien voy a acudir. Saludos

    ResponderEliminar
  3. Hola, felicitarte por tu blog y las explicaciones que ofreces. Estoy intentando encontrar información sobre como crear los menús para acceder a los distintos contenidos y he dado con tu blog. Me da un poco de miedo tocar html porque no tengo ni idea, pero veo que éstos menús lo tienen muchísimos blogs y supongo que la opción es tocando html tal y como explicas.
    Quería preguntarte una vez que tenga el menú, cómo puedo hacer para modificarlo con el diseño acorde al blog, ya que comentas que el diseño será el de la plantilla de blogger que hayamos escogido. Yo quiero cambiar y poner un encabezado (que estoy intentando hacerme con photoshop), otra cosa es que después sepa como ponerla en mi blog,...y me gustaría también hacer un diseño para ponerlo en el menú que ponga en la parte de arriba del blog,..¿eso como podría hacerlo? ...¿tendría que tocar nuevamente html?,...qué tipo de plantilla de blogger recomiendas elegir para después poder trabajar y añadir nuestros propios diseños?
    Son muchas preguntas, ...si puedes contestar alguna te lo agradecería ya que estoy muy perdida.
    Muchas gracias
    Mi email es nmarinu@hotmail.com
    Un saludo,
    Nati

    ResponderEliminar
    Respuestas
    1. Hola!,
      gracias por las felicitaciones, lo importante para mí es poder ayudar.

      - No debes preocuparte por el HTML, no vas a tener que tocar el HTML de la plantilla para implementar este tipo de menú.

      -Lo único que harás es añadir un Gadget con el código html adaptado a tus necesidades, es muy fácil, no temas.

      - Lo bueno es que vas a tener el diseño del menú acorde a los estilos de tu plantilla, no te preocupes, puedes probarlo primero y eliminarlo después si no te gusta. Tan sencillo como eliminar el gadget añadido.

      - Para la imagen del encabezado, con este tutorial lo tienes chupado: http://diariosdelanube.blogspot.com.es/2013/05/anade-una-buena-imagen-de-fondo-al.html. No necesitarás tocar HTML directamente sino el "Gadget" del encabezado.

      TODAS las preguntas que tengas puedes escribirme sin ningún problema, trataré de ayudarte en todo lo posible. Realiza los tutoriales y me vas preguntando con total confianza.

      Eliminar
  4. Hola!
    Muchísimas gracias por tu respuesta. Voy a intentar hacerlo a ver que tal sale. Una vez que tenga puesto el menú, ¿Cómo podría hacer para personalizar los botones de las pestañas? Es que al igual que el encabezado, quiero hacer el diseño para ese menú (no se si es posible), y tener las pestañas personalizadas con el diseño del encabezado y el fondo de pantalla (que me gustaría que fuese un color uniforme y claro y no los dibujos de las plantillas de blogger),...no se si me explico porque al no tener ni idea de informática,...me resulta complicado.
    Otra cuestión sería ¿cómo habría que hacer para poner un diseño a los botones o pestañas de gadgets que ofrece bloguer? me refiero a pestañas de lo títulos de gadgets como entradas populares, archivos del blog,...también he visto blogs que tienen los títulos de estos gadgets con un diseño acorde a su blog. También quiero crearlo con photoshop lo que no se es luego como ponerlo en el blog.
    Bueno, no quiero ser muy pesada,...pero es que no tengo ni idea, y me ha parecido al ver el tutorial que está muy bien explicado y te he tomado la palabra al decirme que te puedo preguntar lo que necesite.
    Muchísimas gracias.
    Un saludo,
    Nati

    ResponderEliminar
    Respuestas
    1. Nati, perdona que estoy sin pc ahora mismo. Mañana por la mañana te contesto.con detalle.

      Eliminar
    2. - El diseño para el menú lo puedes hacer con .css pero si no tienes nociones de programación te puede costar mucho. Mira, te dejo el tutorial para darle estilos al menú, es un tutorial con un menú con subopciones, es más complejo y no es necesario que utilices lo de las subopciones, te puede servir para hacer algo parecido pero sin nociones de programación: diariosdelanube.blogspot.com.es/2013/04/prueba.html

      - De todas formas, no creo que quede mal el menú con el estilo por defecto de la plantilla que estés utilizando en blogger. Si quieres cuando lo termines pásame la URL y lo veo a ver qué tal queda.

      - Lo de las imágenes y estilos que deseas aplicar puede aprender a hacerlo con esto (personaliza tu plantilla Blogger con hojas de estilos): http://diariosdelanube.blogspot.com.es/2013/04/personaliza-tu-plantilla-blogger.html
      El problema de esto es que es complejo y requiere conocer un poco cómo se programa en HTML.

      - No te preocupes, hacemos una cosa, vamos poco a poco, primero haces lo del menú me das la dirección y vemos qué tal queda. Después vamos pasando a las demás cosas que quieres hacer, no te preocupes. Con otros usuarios hemos terminado de hacer menús completos para su web y les ha quedado bien.

      Paciencia porque al final sale.





      Eliminar
    3. Hola Miguel!
      Lo primero volver a darte las gracias por tu respuesta y tu interés, da gusto encontrarse a personas dispuestas a ayudar a otras en las dudas que tengan,...Voy a intentar ir haciendo las cosas poco a poco tal y como me dices. Ahora mismo me he hecho un blog de prueba para ir ensayando y haciendo las cosas,...y si veo que me sale bien lo aplicaré al blog que quiero. He leído el comentario que te hace Mª Carmen Aracil, y me siento identificada con ésto de la búsqueda de como poner el menú, hasta que también vi este post y es con el que mejor me he aclarado,...así que ya es cuestión de atreverse e ir haciendo las cosas.
      Bueno te iré manteniendo informado de cómo van saliendo las cosas que vaya haciendo en el blog, a ver que tal las ves,...
      Muchísimas gracias,
      Un saludo,
      Nati

      Eliminar
    4. Aquí estaré si lo precisas!, mucha suerte con tu Blog. Un saludo Nati.

      Eliminar
    5. Hola Miguel!
      Ya he creado el menú añadiendo el gadget con el código html, y comentarte que me ha salido y que ha sido muy fácil,...Lo estoy creando en un blog de prueba en el que estoy practicando y viendo las opciones que ofrece blogger en el diseño y en las plantillas sobre todo en la parte de avanzado donde veo que se pueden cambiar y poner los colores que tu quieras.
      Estoy terminando con photoshop el encabezado con el título del blog para añadirlo, no se si se hará con el gadget de la cabecera que pulsando a editar me da la opción de añadir imagen desde mi equipo,...ya me comentas.
      Me gustaría añadir también páginas independientes pero al hacerlo se me crea una barra encima de la barra de menú de las etiquetas, por lo que tendría dos barras ¿Se podría poner las páginas independientes que crea blogger en el mismo menú de pestañas de las etiquetas que hemos creado con el gadget html?
      Esta es la dirección del blog de prueba por si tienes un hueco y quieres echarle un vistazo
      http://micocopetit.blogspot.com.es
      Muchas gracias,
      Un saludo,
      Nati

      Eliminar
    6. Hola Miguel!
      Soy yo de nuevo, es que se me ha olvidado comentarte una cosa y quería pedirte tu opinión.
      He visto por Internet que para hacer el menú con pestañas lo hacen con el gadget Lista de enlaces y para ello "cambian el máximo de widgets que se muestran en la cabecera o header, para poder agregar ahi el gadget de "Lista de enlaces" de nuestro menú" (Todo ésto te lo pongo literal de donde lo he leído ya que con mis conocimientos a mi todo ésto me suena a chino) y se van a la edición html de la plantilla para hacerlo, además de meter css. Después de eso, ponen en la cabecera, el gadget de "Lista de Enlaces". Se habla de "crear una sección nueva en la cabecera, y que quedará, entre la sección del header y el crosscol" (que no tengo ni idea lo que es), y para ello, va a la edición de HTML de la plantilla para pegar un código y crear el menú.
      (Si quieres te paso el enlace donde lo he visto)
      Mi pregunta es que diferencia hay entre crear el menú con lista de enlace y tocando ese código html de la plantilla y el menú que tu explicas con el gadget html y las etiquetas? (A mi el que explicas en esta entrada me ha resultado muy fácil)
      Bueno, perdona las preguntas que te he mandado dos comentarios seguidos,...
      Un saludo,
      Nati
      nmarinu@hotmail.com

      Eliminar
    7. ¡Hola Nati!,
      te está quedando un Blog precioso, esos tonos pastel van con la temática y lo encuentro encantador.

      Vamos por partes, a ver si puedo responder las dudas:

      - Por un lado para la cabecera de título y su imagen, independientemente del uso del Photoshop, no dejes de seguir las indicaciones de esta guía referentes a tamaño (las de edición te las puedes saltar porque con Photoshop tienes ya un buen editor de imágenes): http://diariosdelanube.blogspot.com.es/2013/05/anade-una-buena-imagen-de-fondo-al.html

      Podrás añadir la imagen desde el Gadger cabecera, sigue la guía y sobre todo en todo lo referente a tamaños, fundamental para no tener problemas de rendimiento.

      Hay otras opciones avanzadas para esto, una compresión mayor para las imágenes, si quieres cuando ya tengas la cabecera lista las vemos.

      - Las páginas independientes meten el Gadget para que puedas navegar hasta ellas.

      - La opción que plantean en la web que me indicas es buena también. Lo que sucede es que he tratado de hacer una guía para crear un menú de un sólo nivel de manera que no hubiera que tocar la plantilla HTML ni utilizar hojas de estilo, vamos, que fuera lo más fácil posible para cualquier persona sin conocimientos de HTML.

      - Se te dibujan los dos menús porque tienes por un lado el de las páginas llamado "páginas" y por otro el javascript que te he pasado para hacerte tu menú.

      - Si quieres, para solucionarlo, apunta la dirección con el nombre de cada página a la que llamas desde el gadget página:

      http://micocopetit.blogspot.com.es/p/sobre-mi.html y http://micocopetit.blogspot.com.es/p/recetas.html

      Añádelos al Gadget "Javascript/HTML" donde metiste mi forma de hacer el menú.

      Prueba si accedes a las URLs y finalmente quita el Gadget de páginas para que no se muestren los dos.

      Te quedaría algo así:



      Ve probando y me cuentas... para lo que necesites aquí me tienes.

      Un saludo!

      Eliminar
    8. Hola Miguel!!!
      Muchísimas gracias! Ya lo he hecho y me ha salido,...me quedo asombrada de ver que poco a poco voy haciendo modificaciones en el blog y la verdad es que tu blog ha sido un descubrimiento,...no sabes la de vueltas que di para encontrar una forma de hacer un menú sencillo como el que explicas.
      Me alegro que te guste el blog (que no va a ser éste porque es uno de prueba),...estoy con las pruebas de colores,...y ahora mismo lo veo muy rosa,..pero estoy buscando la línea de tonos pastel en la gama de rosas. Por cierto, hay una web donde a través de fotografías sacan las gamas de colores que combinan entre si y te lo dan con el código del color y es la que me está sirviendo para ayudarme a buscar los colores (supongo que ya conocerás páginas similares pero si lo necesitas para alguna consulta te la paso).
      Dudas me surgen muchísimas,...pero no quiero agobiarte con tantas preguntas,...aunque ya te las iré haciendo más adelante si no te importa,...a ver si consigo un blog que quede bien,...tampoco quiero nada complicado,...pero si quiero que quede bonito, sencillo y acorde con las temáticas del blog.
      Bueno, que muchísimas gracias,...
      Un saludo,
      Nati

      Eliminar
    9. Nati,
      ningún problema, todo lo contrario. Si tienes dudas pregunta que aquí estoy. De verdad.

      Un saludo,

      Eliminar
  5. Hola Miguel! he llegado a ti por csualidad buscando como poner el menú. He mirado en cantidad de sitios y no lograba enterarme, hasta que he llegado a ti, así que mil gracias.
    El único pero, es que no consigo que funcione! excepto la de inico o página principal (yo le he puesto otro nombre) seguro que habré hecho algo mal. Cuando tengas un ratito y sin prisa, me dices algo, porfi y de paso me dices también como centrarlas.
    Permiteme que me aproveche de ti, y te haga otra pregunta, resulta que he hecho varios cambios y los baner y gadgets que tenía a la derecha de mi blog se han separado y se han ido abajo del todo. Como lo arreglo?
    Ya solo que queda agradecerte y felicitarte por tu trabajo y blog.
    Mamen.
    Vainilla, Coco y algo más

    ResponderEliminar
  6. Hola Mª del Carmen,
    una gozada que te fijaras en mi resultado :))

    He visitado tu blog, por cierto, buena presentación queda muy fresco, muy bonito. Lo del menú te está pasando porque no has etiquetado las entradas con la búsqueda que quieres hacer.

    Por ejemplo, en la opción de menú "Quién hay detrás" tienes puesto: "Quién hay detrás" lo que pones a la derecha de "label/" es con lo que debes etiquetar la entrada que quieres que ahí aparezca. Las etiquetas de las entradas en blogger se hacen dentro de la entrada a la derecha, en la sección donde pone "etiquetas". Deben coincidir mayúsculas y minúsculas o no saldrá. Donde pones "Premios" igual, debes etiquetar las entradas que quieras que salgan cuando pinchen sobre esa opción de menú con la etiqueta "premios" (lo que pusiste a la derecha de lable/).

    Haz esa parte primero y cuando la tengas pasamos a lo siguiente. Paciencia y poco a poco saldrá, es fácil y aquí me tendrás para ayudarte.

    Saludos!,

    ResponderEliminar
    Respuestas
    1. Muchas gracias Miguel, ya está solucionado. Has sido una gran ayuda. Estaré pendiente para más consejos.
      Un saludo.
      Mamen.

      Eliminar
  7. Hola: ya cree el menú, pero no he podido poner las entradas en el sitio correspondiente, todas me salen en el inicio, a pesar de que les estoy poniendo la etiqueta. Ayúdame por favor.

    Muchas gracias

    ResponderEliminar
  8. Logré ubicarlo ya en la pestaña, pero también me aparece en inicio. Cómo hago para que la información solo aparezca en la pestaña que deseo?

    Gracias

    ResponderEliminar
    Respuestas
    1. dame la url de tu blog para poderlo ver porque no entiendo bien lo que comentas. no te preocupes que lo sacamos.

      Eliminar
    2. kerygma, creo que ya entiendo lo que quieres decir. al lado de label, debes poner la etiqueta que agrupe el conjunto de entradas. dame la url y te digo. un saludo.

      Eliminar
  9. Hola! Hice tú menu y quedo lindo :D pero no se como añadir eso de la etiqueta para que aparezcan en el menu! ayudame porfaaaa

    ResponderEliminar
    Respuestas
    1. Hola Javiera,
      las etiquetas se encuentran en el editor de entradas de Blogger, a la derecha. Debes clasificar con la misma etiqueta cada categoría que has creado en el menú.

      Por ejemplo, si una opción de menú se llama "Libros" te recomiendo que pongas la etiqueta "libro" a todas tus entradas que traten sobre libros.

      El usar el search/label lo que hará es localizar de todas tus entradas, aquellas que tienen la etiqueta que coloques a la derecha de label.

      Cualquier duda me dices.

      Eliminar
    2. Muchas gracias! :D Al fin pude! Era un problema de edición mío :P

      Eliminar
    3. Pucha, ahora tengo otro problema :C lo que pasa es que pongo la etiqueta y luego guardo y voy al menú y no enlaza con la etiqueta que utilicé D: tú puedes corroborar esto cuándo vayas a mi blog, ahí subi una entrada de prueba y etiquete 1 o 2 cosas... luego guardo, voy al menú y me aparecen que no existen etiquetas para esas palabras.
      Que puedo hacer?

      Eliminar
    4. 1) Deben coincidir mayúsculas y minúsculas.
      2) Asegúrate que pulsaste "Listo" para guardar las etiquetas y "Actualizar" para que se guarden las etiquetas en la entrada.

      Prueba eso y me dices. Un saludo!

      Eliminar
    5. Aún no me enlaza, y he verificado todo mil veces. Bueno, muchas gracias de todas maneras!

      Eliminar
    6. manda el código fuente que has puesto en tu menú a mi correo electrónico y te lo arreglo si hay errores.

      Un saludo!

      Eliminar
  10. Hola Miguel! Me ha ayudado muchísimo tu entrada, ya que me ha permitido crear por fin un menú!.

    Ahora me surge una duda, yo escribo entradas para cada etiqueta, pero sólo quiero que aparezcan dentro de la etiqueta que corresponde y no en la pagina principal de mi blog, que tengo que hacer para que esto no pase??? por favor ayuda!!
    Te adjunto la direccion de mi blog para que veas a lo que me refiero: cristinaslittlesecret.blogspot.com

    ResponderEliminar
    Respuestas
    1. Hola, no estoy seguro de haberlo entendido. Las entradas en Blogger siempre se dibujan en la página principal. Si lo que necesitas es que se "abran" en páginas distintas, tienes que crearte páginas. ¿Es eso?. Si es eso coméntamelo y te digo cómo crearte páginas a parte para que no se dibujen en la página principal del Blog.

      Un saludo!.

      Eliminar
  11. Tampoco quiero que salga la fecha de publicación en la entrada que tengo puesta en la etiqueta "About me"... ayuda por favor

    ResponderEliminar
    Respuestas
    1. Eso no vas a poderlo eliminar haciendo una entrada. Para un "About me" te recomiendo una página directa (lo que te comentaba si era lo que querías hacer en la pregunta anterior).

      Dentro del menú Blogger, a la izquierda, fíjate en la opción "Páginas" y pulsa "Página nueva".

      Con eso crearás una página.

      Ve haciendo eso y me dices las dudas. No te preocupes que al final sale.

      Un saludo!,

      Eliminar
  12. Siento tanta molestia...he cambiado mi plantilla por otra nueva, y ahora ya no me queda el menu como a ti...me queda cada etiqueta encima de la anterior...como puedo cambiar eso para que me quede una barra como a ti??

    ResponderEliminar
    Respuestas
    1. Prueba a copiarte el código fuente que hiciste para el menú, borrar el gadget HTML/Javascript que pusiste y guardar plantilla. Luego vuelve a poner el Gadget HTML/Javascript pegas el código y prueba a ver si pilla así el estilo de la nueva plantilla.

      Si no has hecho copia de seguridad, puedes recuperar la anterior plantilla desde la vista de plantilla, seleccionando de nuevo la anterior presentación.

      Un saludo!,

      Eliminar
    2. Miguel me has alegrado el día! Muchisimas gracias por tu ayuda...gracias a ti mi blog va tomando forma, no sabes cuanto te lo agradezco. Gracias, Gracias, Gracias!
      Puedes ver como esta quedando:
      cristinaslittlesecret.blogspot.com

      Eliminar
  13. Hola, he seguido los pasos y conseguido hacer un menú, pero no se cómo centrarlo ahora, con páginas he encontrado cómo se hace en CSS, pero no con este menu,¿ Se puede hacer?
    Y quitar que salga el texto " Mostrando entradas con la etiqueta " la que sea". Mostrar todas las entradas, se puede??
    muchas gracias!

    ResponderEliminar
  14. es buena tu bloger al igual yo desarrollo paginas me intresan mucho ahora me ayudaste a configurar un menu mas prpio gracias...!!

    ResponderEliminar
  15. A tu servicio Tito, cualquier cosa aquí ando. Un saludo y gracias a ti.

    ResponderEliminar
  16. No tengo palabras, solo te puedo decir:
    OLE
    OLE
    Y OLE.
    Sigue así. Muchas gracias por tus aportes.
    Un abrazo.
    Enrique.

    ResponderEliminar
    Respuestas
    1. Gracias Enrique, me animas mucho para seguir. Cualquier cosa aquí me tienes. Un saludo!

      Eliminar
  17. Hola Miguel,

    He aquí una anti tecnologica total. Soy una negada para esto y he creado un blog para un pequeño negocio que hemos puesto en marcha. El caso es que yo había distribuído el blog en tres páginas distintas, aparte de la principal y cual es mi sorpresa (nada de extrañar dada mi no habilidad con todo esto) cuando me doy cuenta que:
    1. No me sale lo que yo público en la página de inicio, sólo en la página concreta en la que publico. Creo que con tus indicaciones, aunque no me sale, esto lo consigo.

    2.En las páginas creadas tengo qeu poner los post que escribo uno detrás de otro, sin opción a que estén cada uno independientes y se puedan comentar por separado.

    Hay alguna posibilidad que pudieses ayudarme con eso???

    Un saludo y disculpa las molestias!

    Lola

    ResponderEliminar
    Respuestas
    1. No te preocupes, eso lo ponemos en marcha. Lo malo que no tengo el ordenador delante, pero comenzamos con el móvil y pico a pico a ver qué sacamos.

      1. Las publicaciones salen sólo en la página principal. En un blog no suelen utilizarse muchas páginas. Cuando públicas, el blog, se encarga de ir sacando cada publicación (entrada) en la página principal, como si fuera un diario.

      2. Las páginas creadas son independientes del blig. Las entradas que publiques sólo saldrán por la principal.

      TODO ESTO TIENE SOLUCIÓN!

      En primer lugar, piensa en un conjunto de categorías que engloben los contenidos de tu blog. Esas categorías se pueden etiquetar y luego montar un menú que muestre sólo las etiquetas de una determinada categoría dando la sensación de que se utilizan distintas páginas.

      Olvida las otras páginas que ya has creado, por el momento piensa en las categorías de los contenidos y las etiquetas como explicó en este tutorial (en el editor de entradas vas poniendo a la izquierda, en etiquetas, la palabra clave de la categoría que quieres que salga cuando impulsen una opción de menú.

      Eliminar
    2. Así pues, por ahora y como primera aproximación a lo que quieres hacer, por ahira etiqueta las entradas según las categorías que aparecerán en el menú.

      Por ejemplo, si el menú fuera:

      Jardinería / decoración para que salieran bajo jardinería las entradas o post de jardinería los podrías etiquetar cómo jardín. Con los de decoración igual, los EtiquetaRías con decoración por ejemplo.

      Luego el menú, buscará las etiquetas de cada categoría y las mostrará agrupadas como si "abriera otra página".

      Por ahora etiqueta y cuando lo tengas pasamos al siguiente punto.

      Ánimo que sale y te va a quedar estupendamente. Un saludo, aquí me tienes, pregunta lo que necesites, Mi blig es para eso.

      Eliminar
  18. Hola no se si me podrias ayudar con el siguiente problema, ya tengo todos los pasos solo que yoo lo cree usando la lista de enlaces de blogger pero a la hora de buscar creo que es exactamente lo mismo. Mi problema es que cuando hago clic en una categoria me muestra todas las entradas correspondientes pero cuando hago clic en mostrar entradas antiguas no me realiza la busqueda y me sale el siguiente mensaje No hay ninguna entrada con la etiqueta libros.. Mi blog es el siguiente http://elblogdekasehaya.blogspot.com/

    ResponderEliminar
  19. No lo he probado con enlaces. Siempre lo hago con javascript, aunque supongo también se podrá hacer de ese modo. El tema es raro porque cuando buscas, si llegas al final te sale ese mensaje pero no al ir atrás.

    No tengo ahora ordenador, estoy desde el móvil pero en cuanto pueda miro en tu blig para ver qué puede ser.

    Dame un tiempo y lo miro. Un saludo!.

    ResponderEliminar
  20. Respuestas
    1. Me alegro muchísimo, ahora a disfrutarlo. Tienes aquí más tutoriales y guías para lo que necesites. Por aquí andaré también si necesitas algo. Saludos, best regards!

      Eliminar
  21. Hola...
    Bueno, puse en menú en mi blog y me resultó muy bueno, me queda tal y como quiero y como según dicen las instrucciones, y te agradezco mucho el tutorial, sólo que... ¿Podría ponerse algún tipo subpestañas? He tratado de buscar en otros lugares pero ninguno me funciona.
    Bien, sólo eso, espero tu respuesta.
    Muchas gracias.

    ResponderEliminar
  22. Hola Mica!,
    me alegro que te haya servido. Sí, puedes poner subpestañas pero será un poco más complejo:

    ejecuta esta guía: http://diariosdelanube.blogspot.com.es/2013/04/crea-un-menu-con-subopciones-en-blogger.html

    y en cualquier cosa que te atasques aquí me tienes.

    Un saludo!

    ResponderEliminar
  23. Todo muy bien explicado y muy sencillo.

    Muchisimas gracias

    ResponderEliminar
    Respuestas
    1. Gracias Cadexo10, es lo que intento, que sea fácil de aplicar. Muchas gracias a ti por tu feedback.

      Eliminar
  24. Estoy a full navegando por tu blog. Quiero empezar con mi primer trabajo.
    Miguel lo felicito x sus ganas de enseñar. Me parecen apropiados también los comentarios de tus seguidores. Sigan así que ayudan a muchas personas. Saludos.

    ResponderEliminar
    Respuestas
    1. Me alegra muhísimo recibir este comentario, me anima a tirar "p'lante" y continuar ayudando. Cualquier cosa que necesites en tu proyecto, aquí me tienes. Muchas gracias de nuevo, de verdad.

      Eliminar
  25. Hola Miguel, soy Ethel. Estoy intentando ver la diferencia entre menu y páginas independientes. He seguido tus pasos con el enlace que me indicaste y he añadido una etiqueta por cada nombre de menu, siguiendo para hacer las pruebas tus mismas nombres de " tecnología", "ocio", " opinión".....
    resumiendo, he podido crear un menú pero no que cada entrada vaya a su sitio. Creo que lo que quiero entonces no es un menú solamente si no páginas independientes. si? Puedo conseguir páginas independientes a traves de un menu en la página principal.
    Conseguí hacerlo en una página pero en la otra no.
    1) te envío la página que si está hecha y correcta.
    2) te envío la página principal que no logro rehacer y que cada palabra del menu, me lleve a donde toca.

    1)http://escueladeflamencolucerocardenas.blogspot.com.es/
    2)http://escueladeflamencolucerocardenas.blogspot.com.es/

    Si lo resuelvo antes, te digo para que no pierdas ni un segundo

    MIL GRACIAS

    ResponderEliminar
  26. Perdon la que no consigo ver como poner menu y que cada cosa vaya a su sitio es esta
    2)http://flamencolucerocardenas.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. El problema es que los blogspot con páginas no son lo más indicado. Te explico, el Blog no es como una página web compuesta de varias páginas independientes, más bien tiene una central y los menús "estructuran" y "organizan" la información de las entradas en esa página principal.

      Si te haces páginas independientes (por supuesto se puede), no vas a poder actualizar o hacer que las entradas se "dibujen" en ellas si no "copias y pegas" el contenido de tus entradas en ellas. Es decir, cuando publicas una entrada, no tienes posibilidad de decir: "esta va a tal página y esta otra a tal otra".

      Es por eso que si haces páginas independientes, tendrías que editar su contenido "a pelo", copiando y pegando de la principal.

      Mi recomendación es funcionar como en un blog puro, haciendo que se ordene la información con un menú pero sin dividir y "compartimentizar" en páginas independientes.

      No obstante, lo que tendrías que hacer en caso de quererlo montar así sería, en el enlace poner la URL de tu página. Busca tu página en el navegador, metida en tu Blog. Te quedas con el nombre del HTML y eso es lo que pones en la URL de llamada (en lugar de la etiqueta pones directamente la URL que llama a la página). Por ejemplo, para mi página de contacto (la única que tengo separada) en el "li" de dirección pongo que se llame a la URL "http://diariosdelanube.blogspot.com.es/p/contacto_11.html", donde contacto_11.html es el nombre que Blogger le dió a mi página de contacto.

      Aquí estoy para lo que necesites. Un saludo!,

      Eliminar
    2. Ah!, una cosa más, si te fijas el contenido de cada página independiente es estático (como el mío de contacto). En ese caso, para páginas estáticas que no van a recibir entradas del Blog (que sólo están en la principal) sí puedes montarlo como en el blog de la escuela de flamenco. Sigue las instrucciones que te he comentado para que llames directamente a la página en lugar de buscar por etiqueta y verás como lo tienes.

      Cualquier cosa me dices.

      Eliminar
  27. Tengo una pregunta.
    en mi plantilla ha desaparecido el gadget de paginas y cuanto quiero volverlo a colocar me aparece ya ha sido añadido y ahora he querido solucionarlo con este gadget pero cuando lo pongo solo me aparece en la pagina principal cuando habro una entrada no me aparece que puedo hacer?

    ResponderEliminar
  28. Pásame la URL para verlo, hay veces que las plantillas no se quedan bien del todo cuando se hacen cambios y eso puede afectar. Lo dicho, ponme la url y lo veo.

    Un saludo Miketsukami Haku!

    ResponderEliminar
  29. Muchas gracias, muy sencillo y bien explicado

    ResponderEliminar
    Respuestas
    1. Gracias Mamen!, aquí estoy para lo que necesites. Un saludo.

      Eliminar
  30. Muchas gracias por la información, me sirvió de maravilla, pero he visto en otros blogs menús desplegables y te agradecería me explicaras como lo monto. Mi blog es http://carbast01.blogspot.com. Saludos...

    ResponderEliminar
    Respuestas
    1. Hola Carlos!,
      ejecuta esta guía y cualquier duda me preguntas: http://diariosdelanube.blogspot.com.es/2013/04/crea-un-menu-con-subopciones-en-blogger.html

      Un saludo!

      Eliminar
    2. Gracias MIguel, estoy en eso y cualquier problemita te aviso, saludos

      Eliminar
  31. Buenos dias! excelente tutorial miguel!me ha sido de gran ayuda!
    he conseguido hacer la barra de secciones en mi blog... soy una novata en estos mundos acabo de empezar a crearme mi propio blog y tengo pocas nociones.....mi problema ahora es que no se publicar entradas en cada uno de los apartados que he creado....he hecho lo que comentas de escribir la etiqueta en cada entrada pero no se me van a mis distintas secciones todas se me publican en la pagina inicial...que puedo estar haciendo mal??
    Muchas gracias!
    un saludo!!

    ResponderEliminar
    Respuestas
    1. No te preocupes, es normal, estás aprendiendo, verás como al final te queda un Blog estupendo.

      Lo que tienes que hacer es crearte una entrada (como normalmente lo haces) y cuando termines fíajete en la parte superior derecha del editor de entradas tienes un sitio que pone "Etqiuetas". Ahí debes poner la etiqueta que usaste en el menú que corresponda a la categoría de la entrada que has creado. Por ejemplo, si he hecho una entrada sobre "gato siamés" y creé en el menú una categoría llamada "mascotas" con la etiqueta "mascotas", si quiero que salga la entrada "gato siamés" cuando pulso la categoría "mascotas", en las etiquetas de la entrada de "gato siamés" debo tener escrita la palabra mascota.

      Dime si lo has comprendido, cualquier cosa no temas en preguntar, estoy aquí para ayudar y especialmente a los que están empezando ;)

      Un saludo!.

      Eliminar
  32. Hola!
    Muchas gracias por el tutorial! Estoy intentando hacer un menú pero siempre me queda una casilla vacía o un espacio a la derecha. Cómo puedo hacer para eliminarlo y centrarlo? el blog es http://elstetrarquesdevenecia.blogspot.com
    Muchas gracias! :)

    ResponderEliminar
    Respuestas
    1. Hola!,
      llego tarde, veo que cambiaste la presentación... normalmente esos cambios se hacen sobreescribiendo la hoja de estilos en Blogger. Para eso tienes múltiples tutoriales en el Blog. Si no lo tienes, pide... aquí estoy para ayudar.

      Un saludo!!!

      Eliminar
  33. Respuestas
    1. Gracias a ti Alejando. Cualquier cosa aquí estoy. Un saludo!!

      Eliminar
  34. Hola Miguel:
    En primer lugar quería agradecerte el tiempo que dedicas a todos nosotros a través de tu blog y felicitarte por lo bien que explicas tus entradas. Muchas gracias.
    Pero como no podía ser de otra manera, tengo una dudilla. Ya te lo han preguntado, pero no encuentro la respuesta, el tema es que he creado el menú y me gustaría que cuando pulsas en uno de ellos, no apareciese el mensaje de "Mostrando entradas con la etiqueta xxxxxx". ¿Se puede eliminar?

    Muchas gracias de antemano.

    ResponderEliminar
  35. Respuestas
    1. Es que no sale en los comentarios de Blogger. Espera actualizo el tutorial y te aviso para que ya lo tengas completo. Un segundo!

      Eliminar
    2. Ya lo tienes Javier, disculpa que en los comentarios no te deja meter código.

      Te he añadido al tutorial el paso "6) Si quieres que no salga el mensaje "Mostrando entradas con la [...]" para decirte la línea que tienes que buscar y eliminar de la plantilla para que no te muestre el mensaje.

      ¡Un saludo!

      Eliminar
    3. Muchísimas gracias. Ya lo he aplicado, da gusto poder contar con gente como tú.

      Eliminar
    4. Gracias Javier por tu comentario. Con tu colaboración se ha perfeccionado el tutorial, gracias a ti. Aquí estoy al servicio de quien necesite mejorar su Blog. Gracias de nuevo.

      Eliminar
  36. Hola! He seguido tus instrucciones pero al clicar sobre el nombre me dice que esa página no existe. ¿Me podrías ayudar?

    ResponderEliminar
    Respuestas
    1. Claro. Dime dónde has clicado y te digo qué sucede. Pone la dirección de tu Blog y dime exactamente dónde hiciste clic y tratamos de arreglarlo.

      Un saludo!!

      Eliminar
  37. hola , me podrias ayudar , necesito hacer un diseño especial en la barra de menu como lo puedo hacer??
    ayudaaa
    esta muy bueno el post

    ResponderEliminar
  38. muy bueno, ahora, si quiero agregarle un enlace externo al menú como hago??

    ResponderEliminar
    Respuestas
    1. Hola, en el href simplemente pones el enlace completo y listo... Al lado de cada a class= se encuentra el href donde ponías la etiqueta a buscar con search/label, pues en lugar de poner search/label pones la dirección http://direccion_que_quieras y la llamará sin problemas.

      Un saludo!!

      Eliminar
  39. Hola! Muchas gracias por ayudar tanto con el blog, es muy útil, y he creado el menú con este post súper fácilmente pero quiero que esté centrado en mi página y no se como hacerlo, me puedes ayudar? Un saludo!

    ResponderEliminar
    Respuestas
    1. Hola Kike!,
      pásame un enlace a tu Blog o página web para que pueda verla y decirte el código que puedes añadir.

      Un saludo!!

      Eliminar
    2. creo que ya lo he visto, tu web es http://mamanococina.blogspot.com.es/ (por cierto, muy buena y buen título ;)

      Debes añadir al estilo del menú esta línea que te pego aquí:

      1 - Haz copia de seguridad de tu plantilla: http://www.diariosdelanube.com/2013/04/realizar-una-copia-de-seguridad-de-tu.html

      2 - localiza .tabs-inner .widget ul (pulsa control + F y en la cajita que sale escribe .tabs-inner .widget ul) y añade dentro de la definición de esa clase (antes de que se cierre su "}" ):

      align-content: center;
      width: 796px;

      Un saludo, ya me cuentas!!!

      Eliminar
  40. Pues no ha funcionado :/ Los margenes del menú se acortaban y obligaban a la última palabra a ponerse debajo (como si chafase al menú) pero no se han centrado las letras ni nada :/

    ResponderEliminar
  41. Al final lo he resuelto cambiando los márgenes de la sección que me habías dicho:

    .tabs-inner .widget ul {
    background: transparent none repeat-x scroll 0 -800px;
    _background-image: none;
    border-bottom: 1px solid #dddddd;
    margin-top: 0;
    margin-left: 155px;
    margin-right: 154px;

    Así que muchas gracias por la ayuda por que con tu respuesta he conseguido resolverlo!
    También me gustaría saber como cambiar la letra, o el grueso de la letra , inclinación, estilo del recuadro, a ver si las letras podrían flotar.. Es decir, edición del menú en general. Si hicieses un post seria genial :) Gracias por el blog y todos tus consejos!

    Un saludo!

    ResponderEliminar
    Respuestas
    1. Genial Kike!,
      me alegro de haber ayudado pero quien realmente lo ha resuelto has sido tú, enhorabuena.

      Para la letra prueba con esto:

      veo que ya aplicaste los cambios:

      .tabs-inner .widget li a {
      display: inline-block;
      padding: .6em 1em;
      font: bold 16px 'homemade apple';
      color: grey;
      border-left: 0px;
      border-right: 0px;

      con bold has usado negrita y con 'homemade apple' has seleccionado el tipo de letra.

      Me apunto hacer un tutorial para darle presentación al menú.

      Sobre CSS y HTML tengo esto que puede venirte bien:

      http://www.diariosdelanube.com/2013/12/domina-blogger-sin-ser-un-experto-en.html

      http://www.diariosdelanube.com/2013/12/domina-blogger-sin-ser-un-experto-en_10.html

      http://www.diariosdelanube.com/2013/12/domina-blogger-sin-ser-un-experto-en_13.html

      http://www.diariosdelanube.com/2013/12/domina-blogger-sin-ser-un-experto-en_16.html

      Cualquier cosa que necesites escribe.

      Un saludo!

      Eliminar
  42. Hola! realmente me sirvió mucho, y et, para poder crear una barra de menú, y eso logre hacerlo, pero, no entendí como debo escribir las etiquetas para que se clasifiquen en el menu... si pudieras darme un ejemplo de como escribirlo te agradecería mucho. Desde ya, muchas gracias :3

    ResponderEliminar
    Respuestas
    1. Hola María!,
      si ya tienes el menú, ya has hecho el trabajo "duro". Para las etiquetas simplemente sigue los pasos de esta guía:

      http://www.diariosdelanube.com/2013/04/la-potencia-de-las-etiquetas-en-tu-blog.html

      Se trata de irlas añadiendo en cada entrada. Debes entenderlas como un "concepto agrupador" o categoría. De tal forma que cuando hagan "clic" en la opción de menú, se busquen todas las entradas que tengan esa etiqueta que "agrupa conceptos".

      Cualquier duda que tengas vuelve a escribir sin problemas. ¡Hay que terminar ese menú!. Ánimo y cualquier cosa ya sabes dónde estoy.

      Un saludo!,

      Eliminar
  43. Ya he encontrado lo que buscaba. En mi blog tengo artículos de reflexión, moda y cocina ¿ sí meto el menú de categorías me saldrán los 3 para poder elegir no? ¿ y cómo me saldrán ? Porque yo quiero un menú que vaya con mi blog. Saludos Elia

    ResponderEliminar
    Respuestas
    1. Hola Elia,
      este menú es de un sólo nivel, si quieres uno más avanzado también puedes hacer esta guía por si te viniera mejor: http://www.diariosdelanube.com/2013/04/crea-un-menu-con-subopciones-en-blogger.html

      Y por supuesto, si quieres rediseñar tu web, contacta conmigo en Contacto y lo hablamos ;)

      Un saludo!!!

      Eliminar
    2. Disculpa Miguel soy muy ignorante en el tema de informática, al reves que tú. ¿ que significa menú de sólo un nivel?
      Yo quiero algo como:
      categorias:
      articulos
      Moda:
      Cocina
      y en cada uno sus respectivas entradas ya etiquetadas.
      Como todas sean como yo..... jajaja te suicidas.
      Muchas gracias
      Elia

      Eliminar
    3. Si sólo tiene un nivel quiere decir que hacen clic en una opción que no despliega otras opciones. Creo que por lo que comentas en tu ejemplo, es un sólo nivel. Más de un nivel sería si debajo de Moda quisieras colgar subopciones como zapatos, complementos, hombre, mujer, etc...

      Eliminar
    4. Siii es un nivel. Muchas gracias Miguel

      Eliminar
  44. Hola Miguel, gracias por tu aporte, lo he hecho tocando HTML y es mas complicado y se me olvidan los pasos, pero con este super sencillo!!

    solo una pregunta las letras de los menus me salen verdes, como hago para cambiar a un color que yo prefiera?
    gracias de antemano! :)

    ResponderEliminar
  45. Púes ya he encontrado la solución!! gracias de todas formas!!

    ResponderEliminar
    Respuestas
    1. Perdona que he andado liadísimo estos días. Puedes cambiarlo en la hoja de estilos, busca tu clase "menu" y localiza background o background color. Tengo pendiente hacer una guía para darle luego formato al menú, aunque sobre hojas de estilo en Diarios de la nube encontrarás mucha información.

      Un saludo Darling!

      Eliminar
  46. Muchas gracias MIguel!! Ya lo he aplicado a la perfección en mi blog. Explicas todo perfectamente.
    Me encanta tu página!! Un saludo.

    ResponderEliminar
    Respuestas
    1. Te agradezco el apoyo Conchi, eso me ayuda a seguir tirando porque a veces es agotador esto de los Blogs pero compensa totalmente cuando ves que a la gente le sirve y ayudas. Muchas gracias de nuevo.

      Eliminar
  47. Por fin un menú sencillo que funciona, gracias por el aporte.

    ResponderEliminar
    Respuestas
    1. Mil gracias a ti por participar, me alegro que te haya servido, ese es mi premio ;) Un saludo!!

      Eliminar
  48. No me funciona y no se por qué , me sale como una lista, no como una barra y ya lo he hecho varias veces...

    ResponderEliminar
  49. No te preocupes Rocío, vamos poco a poco. Pasame la URL y vemos qué se puede hacer.

    Un saludo!!

    ResponderEliminar
  50. Que facil y que bien lo explicas Miguel, muchas gracias! :) Pero te queria preguntar si hay algun modo de separar mas los botones entre ellos y de editar el color?
    Muchas gracias otra vez ^^.

    ResponderEliminar
    Respuestas
    1. Hola!,
      lo que preguntas depende totalmente de los estilos de la plantilla que utilizas. Si se puede, pero primero debes aprender a tocar las hojas de estilos y un poquito de HTML. Lo que quieres hacer se arregla metiendo un padding y ajustar el background-color al que necesites en tu menú.

      Hazte estas guías para adentrarte en cómo funciona lo que quieres:

      ¿Qué es el HTML, el CSS , el Javascript?
      http://www.diariosdelanube.com/2014/01/que-son-las-css-que-es-el-html-para-que.html

      HTML, Blogger y CSS paso a paso:
      http://www.diariosdelanube.com/2013/12/domina-blogger-sin-ser-un-experto-en.html

      Cómo aplicar estilos a la plantilla Blogger:
      http://www.diariosdelanube.com/2013/12/domina-blogger-sin-ser-un-experto-en_16.html

      Cualquier cosa pregunta lo que necesites, es añadir un estilo al estilo que tengas del menú para indicar el padding y background-color con el que deseas trabajar.

      Eliminar
  51. hola una pregunta como puedo poner en un blog los enlaces que tienes con vista en miniatura donde dice: Puede interesarte tambien.
    muchas gracias y un saludo

    ResponderEliminar
    Respuestas
    1. Hola!,
      la manera más sencilla de conseguir eso que pides: http://www.diariosdelanube.com/2013/10/anade-un-componente-de-entradas.html

      Cualquier duda al respecto escribe lo que necesites. Un saludo.

      Eliminar
  52. Hola lo puse en mi blog http://blogcompartidodenegocios.blogspot.com.es y las etiquetas funciona bien que no aparece el mensaje pero tengo 2 post publicados y al pulsar aparecen los dos en inicio a pesar de poner las respectivas etiquetas a cada uno, al buscar en el segundo post no aparece pulsando en su categoría, me podrías decir que hice mal? te dejo el código sera que tiene que haber un post por categoría para que funcione,? te dejo mi correo y te agradecería tu inestimable ayuda y muy buen post,saludos elcanario.
    ..................................................................................................................
    <ul id="menu">
    <li><a class="selected" href="http://blogcompartidodenegocios.blogspot.com.es/">Inicio</a></li>
    <li><a href="http://blogcompartidodenegocios.blogspot.com.es/search/label/Invita">Invita</a></li>
    <li><a href="http://blogcompartidodenegocios.blogspot.com.es/search/label/herramientas">Herramientas</a></li>
    <li><a href="http://blogcompartidodenegocios.blogspot.com.es/search/label/trafico">Trafico</a></li>
    <li><a href="http://blogcompartidodenegocios.blogspot.com.es/search/label/anuncios">Anuncios</a></li>
    <li><a hrf="http://blogcompartidodenegocios.blogspot.com.es/search/label/trabajamos juntos?">Trabajamos Juntos?</a></li>
    <li><a hrf="http://blogcompartidodenegocios.blogspot.com.es/search/label/Testimonios">Testimonios</a></li>
    <li><a hrf="http://blogcompartidodenegocios.blogspot.com.es/search/label/contactar">Contactar</a></li>
    <li><a hrf="http://blogcompartidodenegocios.blogspot.com.es/search/label/ mas">Mas>> </a></li> </ul>

    ResponderEliminar
    Respuestas
    1. Las etiquetas deben coincidir mayúsculas y minúsculas. Observa que cierres bien todas las etiquetas. Tienes algunos tags del código mal cerrados. Ponte el código a parte en un word o similar y tabúlalo para localizar cierres de etiqeuta incorrectos o etiquetas sin cerrar.

      Un saludo!

      Eliminar
  53. Hola Miguel. En primer lugar, millones de gracias por ser tan amable, por tanto esfuerzo y por proporcionar una ayuda tan detallada a todos los que la necesitan.

    Y en segundo, te escribo porque estoy desesperada! Acabo de retomar un blog que inicié ya hace más de un año, pero que dejé de lado porque no había manera de conseguir el diseño que quería. Así que ahora que tengo un poco más de tiempo quisiera dedicárselo.

    Después de dos días casi por fin he logrado hacer un menú para el blog!! Jaja Pero no hay manera, después de muchas horas, de conseguir cambiar el color de dicho menú, y el color de las letras. Así que esa era mi duda!! Me sale en gris. Pero lo quiero negro. ¿Qué puedo hacer? He visto en muchas páginas algunos códigos que poner antes de "" , pero no me funciona. Es más, tú lo explicas aquí: http://www.diariosdelanube.com/2013/11/crea-una-barra-de-menus-que-quede.html , pero no se exactamente donde debo poner dicho código y estoy saturadísima.

    Más adelante quiero cambiar la cabecera con una imagen de Photoshop, porque ahora mismo tengo un diseño muy muy simple. Pero lo que necesito ahora mismo es esclarecer mis dudas respecto a la modificación de color y tamaño de barra de menú.

    Un saludo enorme y millones de gracias de nuevo, Miguel.

    Ana

    ResponderEliminar
    Respuestas
    1. ¡Hola Ana!,

      - pásame la dirección de tu Blog y así veo qué clase de tu hoja de estilo referencia al menú.
      - Para lo del título, te recomiendo esta guía: http://www.diariosdelanube.com/2013/05/anade-una-buena-imagen-de-fondo-al.html

      Un saludo y ánimo que al final sale ;)

      Eliminar
    2. Aquí tienes, Miguel: http://informaanagarces.blogspot.com.es/

      Me gustaría cambiar el tamaño de fuente de la barra de menú y el color. A ver si es posible :-(
      Voy a probar ahora que tengo un poquito de tiempo lo del título!!!
      Muchísimas gracias!!!!! Qué ganas de darle una nueva cara al blog!

      Eliminar
    3. Hola Miguel!! Disculpa porque te he preguntado cómo cambiar la barra de menú color y fuente, pero lo acabo de descubrir!!! No sé por qué razón, antes cuando entraba para personalizar la plantilla no me aparecían tantas opciones, sin embargo ahora en la parte de "Avanzado", me da la opción de modificar 'Título de blog', 'Texto de las pestañas', 'Fondo de las pestañas'... Que es lo que yo buscaba!

      Voy a ir con la portada a ver si consigo cambiarla. Un saludo enorme!!!!!!! Gracias de nuevo!!

      Eliminar
    4. Me alegro mucho Ana ;) para cualquier cosa aquí estaré. Un saludo y gracias por participar.

      Eliminar
  54. Muchas gracias, me ha servido de mucho para poder poner pestañas en mi blog,

    ResponderEliminar
    Respuestas
    1. Muchas gracias a ti, me alegro que te haya servidor. Cualquier cosa aquí estoy. Un saludo y gracias de nuevo por participar.

      Eliminar
  55. El único problema que tengo, es que me aparecen todas las entradas en la pestaña de inicio, se pueden eliminar de hay y que aparezcan solo en su categoria. Muchas gracias
    http://regalitos-para-ti.blogspot.com.es

    ResponderEliminar
    Respuestas
    1. Hola,
      dentro de Blogger, en la opción de menú "Diseño" y después en la página de la derecha en el gadget donde pone "Entradas" si lo editas puedes limitar la cantidad de entradas a mostrar en tu página principal.

      Si no te referías a esto o no he respondido tu pregunta, me lo dices e intentamos arreglarlo. Cualquier duda aquí me tienes.

      Un saludo y muchas gracias por participar.

      Eliminar
  56. Hola, quisiera que me ayudarás, tengo bien las entradas, son 6 en la barra de menú, pero 2 me aparecen en la barra horizontal y las otras 4 me aparecen más abajo, y lo que yo quiero es que aparezcan todas acomodadas en la barra horizontal, ¿Cómo le hago? Gracias.

    ResponderEliminar
  57. Hola Danni,
    el problema es el contenedor que almacena tu menú. Simplificando al máximo, Imagina que tienes un menú que mide de largo 1000 píxeles de largo y lo ves en una pantalla de 800 píxeles de largo... cuando el contenido (el menú) rebasa el contenedor (la resolución de la pantalla), los 200 píxeles restantes trata de dibujarlos justo en el siguiente "espacio" que queda libre.

    Para esto debes modificar tus hojas de estilo (.css) para o disminuir el tamaño de las letras, incrementar el tamaño del contenedor... esto depende de cada plantilla, cómo está montada y la resolución con la que lo estás viendo.

    Si quieres pásame el enlace y te digo qué clases de tus hojas de estilo tendrías que cambiar. Si no, otra opción es reducir la cantidad de categorías para que "quepan".

    Un saludo

    ResponderEliminar
    Respuestas
    1. Mi blog es http://dannialeexonwonderland.blogspot.mx/ como podrás notar apenas lo estoy creando, no tiene mucho contenido y tengo otra duda, no puedo poner entradas en ceda sección del menú, todas se publican en la principal. Necesito ayuda con eso también, gracias. Saludos

      Eliminar
    2. Hola Danni,
      Las entradas en Blogger se muestran en la página principal por defecto.

      Piensa que al tratarse de un Blog es como debe mostrarse.

      Puedes probar a reducir el número de entradas que se visualizan en la opción diseño dentro del gadget "entradas". Prueba a ponerlo a cero, pero no te lo recomiendo, creo que deberías mostrar las entradas en la principal.

      Un saludo.

      Eliminar
  58. Qué excelente post, sin duda ayudas a muchos y eres muy generoso con tus explicaciones. También te agradezco toda la información gratuita que publicas y tan útil. Te felicito.
    Saludos.

    ResponderEliminar
    Respuestas
    1. Muchas gracias DMClarisa, es un placer poder ayudar, es para lo que estoy aquí. Cuando recibo un feedback tan positivo me encanta ver que pueda servir a la gente que lo necesite. Muchas gracias por tu apoyo y muchas gracias por participar. A tu servicio.

      Eliminar
  59. Hola Miguel, me puedes ayudar por favor como pongo lqas etiquetas en el codigo del menu, ya que cuando hago clic en el menu que tengo, me sale un mensaje diciendo que no hay entrada con la etiqueta, gracias por la ayuda de antemano

    ResponderEliminar
    Respuestas
    1. Hola Jorge,
      no te preocupes, eso sucede porque lo que pones al lado de "/search/label/" y el nombre de tu etiqueta debe coincidir en mayúsculas-minúsculas-acentos con los nombres de las etiquetas que pongas a tus entradas.

      En el editor de entradas (donde escribes tus artículos) es donde puedes poner tus etiquetas con mayor facilidad. A la derecha fíjate que hay un apartado que se llama "Etiquetas" donde puedes añadirlas.

      La idea es que la opción de menú que pulse el usuario "llame" a todas las entradas que contengan la etiqueta que hayas puesto después de /search/label.

      Si hay algo que no hayas comprendido, escribe de nuevo. Paciencia que al final sale. Un saludo!!!

      Eliminar
    2. Hola Miguel, muchas gracias por tomarte el tiempo de ayudarme, ya intente lo que me dijiste, pero no tengo resultado, lo que quería es como se vincula a la pagina que quiero, cuando escojo una pestaña, y como hago para ingresar información en esa pestaña, ya las tengo creadas siguiendo tus pasos, esta es la dirección http://destinosviviplacer.blogspot.com/ , pero como hago para ingresar información en esas pestañas, poque si haces clic me sale lo mismo, no se donde ni como ingresar la información, ayudame por favor con eso.
      Muachas gracias de antemano por tu gentileza
      saludos

      Eliminar
    3. Es que, tal como comento en la guía, va o a través de /search/label/etiqueta o llamando a una página. Todo debes tocarlo en el gadget HTML/Javascrtipt que añadas. Ahí pones las direcciones a las que quieres llamar cuando se pulse en una de las categorías del menú.

      Pasos 3 y 4.

      Un saludo,

      Eliminar
    4. Recuerda también que cuando has puesto en tu Blog el href="http://destinosviviplacer.blogspot.com//search/label/Cusco - Machu Picchu" debes etiquetar las entradas que quieres que salgan cuando pulsen ahí con la etiqueta "Cusco - Machu Picchu". Para ello fíjate en el paso 5) donde te viene cómo editar las etiquetas de las entradas.

      ¡Un saludo de nuevo!

      Eliminar
    5. Hola mIGUEL, MICHAS GRACIAS POR LA AYUDA Y POR EL TIEMPO, SABES QUE YA LO PUDE HACER, ahora te hago otra pregunta, como puedo hacer para cuando habran la pagina principal del blog no salga todos la información de las otras ventanas de las pestañas que tengo? y necesito saber por favor si dentro de cada pestaña se puede hacer otras pestañas?

      garcias de antemano
      saludos

      Eliminar
    6. No he entendido bien lo de las opciones de la página principal.

      Para poner subopciones de menú, puedes probar esta guía: http://www.diariosdelanube.com/2013/04/crea-un-menu-con-subopciones-en-blogger.html

      Un saludo y gracias por participar.

      Eliminar
  60. Hola Miguel, estoy haciendo mi primer blog...es muy dificil para mi por la falta de experiencia y el problema que al crear el blog no despliega el menú principal horizontal...me gustaria saber si me puedes ayudar

    ResponderEliminar
    Respuestas
    1. Tranquilo, hagámoslo por parets y verás como al fial sale.
      Veamos, por dónde has comenzado, ¿estás ne el paso 1?. Y por otro lado, luego decidimos dónde colocarlo.

      Un saludo!,

      Eliminar
    2. Gracias por contestar Miguel, fíjate que logré colocar el menú, aparece desplegado en mi blog pero no abren dos de las pestañas, me envian un mensaje que dice: que la pagina que está buscando en éste blog no existe:
      Otra de las pestañas al tratar de desplegarla dice así:
      Not Found
      The requested URL /search/label/oportunidad de negocios sin inversion was not found on this server.
      Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
      ¿Me puedes ayudar?

      Eliminar
    3. Es porque en tus entradas no has puesto en alguna de ellas la etiqueta "oportunidad".

      Comentame si lo entendiste.

      Un saludo y gracias por participar.

      Eliminar
  61. te daré mi link para que le des un vistazo:
    http://masvidayplenitud.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Hola Nelson.
      Lo que está ocurriendo es que no hay entradas en tu blog con la etiqueta "oportunidad". Cuando pones en el código /search/label/oportunidad quiere decir que se muestren todas las entradas que tengan la etiqueta "oportunidad".

      ¿Lo comprendes?, si no te resuelve la duda pregunta sin problema.

      Un saludo!

      Eliminar
  62. Hola Miguel!! Primero quiero agradacerte tu ayuda, estoy creando un blog, no tengo ni idea, llevaba horas y horas invertidas en intentos para ponerle secciones y sólo lo he conseguido con tu post. Muchísimas gracias, encontrar estas cosas y de forma desinteresada es increible.
    Ahora vienen mis preguntas:
    1º He copiado tus códigos, pero necesitaba tres secciones mas y al añadirlas me aparecen en el blog con un punto delante, ¿cómo puedo quitarlo?
    la 2º pregunta es de otra índole, ¿tú sabes porqué mi blog no aparece en los motores de búsqueda?
    muchísimas gracias por todo

    ResponderEliminar
    Respuestas
    1. Hola!,
      El "punto" delante puede ser por las hojas de estilo. Si quieres ponme la dirección de tu Blog y te digo dónde tienes que tocar para quitarlo.

      Para posicionar tu Blog, ten mucha paciencia y poco a poco, día a día ve ejecutando los pasos de esta guía que seguro te ayudarán: http://www.diariosdelanube.com/2013/09/aprende-practicar-seo-y-mejorar-el.html

      Un saludo y muchas gracias por participar.

      Eliminar
  63. Gracias a ti!!! por tu ayuda , por contestar, por todo....un millón de gracias.
    Ya aparezco en Internet!!
    Esta es la dirección del blog:
    http://towerbridgegijon.blogspot.com.es/
    No tengo ni idea de que son las hojas de estilo. A ver si consigo quitar esos puntos!
    Saludos y muchísimas gracias

    ResponderEliminar
    Respuestas
    1. Genial, gracias a ti. Ahora a disfrutarlo.

      Un saludo y muchas gracias por participar.

      Eliminar
  64. Excelente post, me sentí ingeniero de sistemas por un momento.

    Todo funcionó y corrió a la perfección. GRACIAS!

    ResponderEliminar
    Respuestas
    1. Me alegro muchísimo. Para eso estamos. Cualquier cosa aquí me tienes.

      Un saludo y gracias a ti por participar.

      Eliminar
  65. Hola Miguel, desde que te he descubierto, soy tu fan, jejeje, me estás solucionando muchas de las dudas que tenía para ir mejorando mi blog, y con el tiempo que llevaba buscando información sobre la que tratas aquí y tan clara.... ha sido muy fácil!!!!!!!
    Peeeeero hay algo que no debo hacer bien, porque una vez creado mi menu, y poniendo las etiquetas igual que en el menu (mayusculas, minusculas, espacios.... he leído cometarios anteriores) me sigue sin funcionar. No sé si será que las entradas son antiguas (llevo con el blog algo más de un año), pero en teoría eso da igual ¿no? Bueno, si me das alguna idea de por donde está el error, te lo agradecería.. Un saludo

    ResponderEliminar
    Respuestas
    1. Hola Karmela, una alegría leer comentarios tan positivos ;)

      Dame la dirección del Blog y así entro y veo qué puede estar pasando en el código.

      No te preocupes que al final sale ;)

      Un saludo y gracias por participar.

      Eliminar
    2. Jejeje, te iba a escribir para decirte que lo acabo de solucionar ;) GRACIAS!!!!

      Eliminar
    3. jajaja, me alegro que te funcione entonces Karmela. Un placer y gracias a ti por participar.

      Eliminar
  66. El problema que tengo es que quiero crear una pestaña independiente de la pagina de inicio y no puedo. Por ej.: Crear la pestaña "Imagenes" y que dicha imagen SOLO se aloje como entrada en dicha pestaña y que no aparezca a su vez (se repita la misma entrada) en el menu de inicio. He probado ya varias formas y no lo he podido conseguir...Sera que realmente no se puede en blogger 2014?? Si sabes de alguna solucion, por favor, avisame. Saludos!!!

    ResponderEliminar
    Respuestas
    1. Hola pacocamorra!,
      creo que si he entendido bien, deseas crear páginas. O sea, no entradas que se ven desde la página principal del Blog sino páginas. Dentro de Blogger, fíjate a la izquierda la opción "páginas" ahí puedes crearte una y ponerla como enlace en el menú sin problemas.

      No sé si era eso a lo que te referías... si no lo es pregunta sin problema.

      Un saludo y muchas gracias por participar.

      Eliminar
    2. Lo que quiero es crear entradas en una pestaña que sea independiente de la pagina princpal. Que esas entradas solo se vean dentro de esa pestaña y que no aparezcan a su vez en la pagina principal. El crear una pagina me permite esa independencia pero no me permite crear distintas entradas en esa pestaña.
      En el caso de publicar imagenes en esa pagina, tendria que ubicarlas una debajo de la otra, ya que no puedo crear una entrada para cada imagen.
      La otra opcion es crear entradas, pero volvemos al problema anterior: Esas entradas, ademas de aparecer dentro de su correspondiente pestaña, tambien aparecen en la pagina principal, y eso es lo que no quiero...
      Saludos estimado Miguel, y gracias por tu paciencia!!!

      Eliminar
    3. Hola,
      se puede hacer de muchas maneras:

      - Buscando una plantilla que se adapte a tus necesidades en Blogger y poniéndola directamente en tu web: http://www.diariosdelanube.com/2013/11/personaliza-tu-plantilla-blogger.html

      - Puedes crear tú directamente pestañas en tu web por medio de HTML, lo que pasa que en la página principal deberás combinarlo con el XHMTL de Blogger.

      - Si usas (quito < y > para que me deje meter el comentario) b:if cond='data:blog.pageType == "item"' delante de una parte del código XHTML de Blogger, significa (como verás en la guía que te he puesto arriba) que sólo se mostrará lo que haya dentro del if cuando estés en el detalle de una entrada, no en la página principal.

      - Otra manera sería crear enlaces a páginas de Blogger (no entradas, páginas) desde la página principal para que presenten las imágenes que deseas.

      Escribe si te quedan dudas y buscamos soluciones. Un saludo!!!

      Eliminar
  67. Hola Miguel! Estoy creando un blog y soy muy novata en todo esto; tu blog me está siendo de mucha ayuda así que, antes de nada, muchas gracias por lo que haces.
    He seguido tus instrucciones y lo tengo casi conseguido, pero en la barra que he creado donde aparecen los contenidos de mi blog también aparece el icono de herramientas de edición cuando entro en el blog como visitante (no como admin). Es decir, la barra me ha quedado: "sección1, sección 2, sección 3, sección 4 e icono de edición". ¿Sabes cómo puedo arreglarlo? He revisado el html, pero no hay nada que me llame la atención particularmente que diste del código de tu ejemplo (aunque yo no sé de programación)

    ResponderEliminar
    Respuestas
    1. Hola Diecisiete, gracias por tu apoyo, eso hace que tire p'lante ;)

      El icono que sale cuando entras en modo "admin" si se te ha quedado en el menú lo puedes quitar buscando SÓLO DENTRO DEL COMPONENTE DEL MENÚ el texto b:include name='quickedit'/ (no te pongo < y > para que no de error al guardar el comentario). Ese "quickedit" es el responsable de que te aparezca el icono de configuración cuando entras en modo admin (o en tu caso incluso cuando no estás en modo admin).

      Es en la plantilla del Blog, en el componente del menú quitar lo del quickedit y listo!!! pero recuerda hacer copia de seguridad para prevenir problemas.

      Un saludo, si no te funciona me dices. Gracias por participar.

      Eliminar
    2. Hola, Miguel! Acabo de repetir el proceso y ya he resuelto el problema. De nuevo, muchas gracias :)

      Eliminar
    3. Uis! No había visto tu respuesta. No obstante, como digo, he repetido todo -bien hecho- y ya está todo bien. Muchas gracias por tu ayuda:)

      Eliminar
    4. Genial Diecisiete, me alegro que lo resolvieras. Cualquier cosa aquí estoy si necesitas ayuda con el Blog. Un saludo y muchas gracias por participar.

      Eliminar
  68. Hola Miguel!
    Tus explicaciones me han funcionado a la perfección y por fin ya tengo un menú de pestañas superior horizontal: explicas muy bien. Ahora me queda sólo una duda aunque no sé si se peude resolver: veo que el menú de pestañas queda muy pegado a la sidebar y a las entradas del blog, y me gustaría saber si es posible aumentar el espacio de separación para que estéticamente no parezca que está todo muy junto.

    Mi blos es: http://unllocontothipat.blogspot.com.es/

    Mucísimas gracias por compartir tus conocimientos, en serio.
    Saludos,

    Pat

    ResponderEliminar
    Respuestas
    1. Hola Pat, gracias por los ánimos, intento ayudar y es cansado pero se agradece con gente como tú.

      Para mover el menú y distanciarlo de las entradas debes utilizar las hojas de estilo de tu Blog:

      Este estilo es el que tienes para ello, fíjate que he añadido un 50px (en plan orientativo, puedes variar con el tamaño que prefieras) para aumentar la distancia inferior (la que va del menú a las entradas). :

      .tabs-inner .widget ul {
      padding: 2px 25px 50px; /*este 50px lo puedes variar para cambiar la distancia*/
      max-height: 34px;
      background: transparent none no-repeat scroll left;
      }

      Debes sobreescribir el estilo de tu Blog con este para que tome la distancia que desees.

      Para tocar las hojas de estilo te recomiendo esta lectura: http://www.diariosdelanube.com/2013/07/guia-para-trabajar-con-hojas-de-estilo.html Debes hacer lo que indico en la opción A de esta guía poniendo el estilo que te he pasado (varía el valor con la distancia que desees puedes poner 10, 20, 30, lo que prefieras, no tiene porqué ser 50px).

      Un saludo!!!. Cualquier duda me dices.

      Eliminar
  69. Ostras, qué bien! Me pongo a ello en seguida y ya te explico si me sale bien. Muchísimas gracias por la rapidez en la respuesta. Recomendaré esta página a todo el mundo!
    Un saludo,
    Pat

    ResponderEliminar
    Respuestas
    1. Gracias a ti Pat, un placer ayudar en lo que me sea posible. Un saludo!

      Eliminar
  70. Hola Miguel!
    Tu ayuda me fue genial y ya he podido separar el Menú y distanciarlo de las entradas: http://unllocontothipat.blogspot.com.es/

    Muchas gracias!!!!!
    Pat

    ResponderEliminar
    Respuestas
    1. Gracias a ti Pat, me alegro que todo te fuera bien. Cualquier cosa aquí estoy. Saludos!!!

      Eliminar
  71. Hola, genial me ayudaste mucho. Pero tengo una duda. Etiqueto la entrada con el código y si, me aparece en la pagina que debería ir pero también en la principal. Puedo hacer que solo me aparezca en una secundaria?

    ResponderEliminar
    Respuestas
    1. Hola!, lo que pides se puede hacer, lo que sucede que en los Blogs, todo está pensado para que se muestre en la página principal (porque las entradas se muestra "biográficamente", por tiempo). Para hacer lo que quieres, puedes llamar a páginas. En Blogger te creas una página y en el enlace llamas a la página. Eso sí, te recomiendo que no lo hagas con todo, deja que las entradas salgan en la principal y sólo con algunas páginas, las muestras en "página a parte" (por ejemplo yo lo hago con la mía de contacto o con la que llamo "sitemap").

      Un saludo!!!

      Eliminar
  72. Hola, necesito ayuda! haha creo que hice algo mal, hice los pasos pero al momento ver las paginas me siguen apareciendo en blanco, o con lo que previamente tenía escrito y no se porque... te dejo mi blog para ver si me entiendes mejor, quiero que en el menu salga como tu blog :(
    Un saludo y espero puedas ayudarme.

    ResponderEliminar
    Respuestas
    1. Hola,
      cuando salen las páginas en blanco es porque no ha localizado contenido. Recuerda que las etiquetas de tus entradas deben coincidir en mayúsculas y minúsculas con lo que pongas después de /label/ en las direcciones de tu menú.

      Si este te cuesta no te preocupes y realiza este otro que puede ser más asequible: http://www.diariosdelanube.com/2014/05/como-poner-un-menu-en-blogger-sin-tener.html

      Cualquier duda vuelve a preguntar lo que necesites y si no intenta esa otra guía que te he pasado.

      Un saludo y gracias por participar.

      Eliminar
    2. Hola, mil gracias, hice el otro jajaja ahora me quedo la duda de si puedo cambiar el tamaño de las pestañas por que se ven solo al principio y después no tiene nada si me puedes ayudar sería excelente.
      PD: Felicidades me encanta tu pág. y sirve de mucha ayuda a novatos como nosotros.
      Gracias :)

      Eliminar
    3. Encantado de ayudar. Para cambiar el tamaño o el aspecto de algo en el Blog tienes que tocar en las hojas de estilo. Este tutorial te vendrá al pelo: http://www.diariosdelanube.com/2013/07/guia-para-trabajar-con-hojas-de-estilo.html

      Cualquier duda me tienes por aquí. Un saludo!!!

      Eliminar
  73. Hola he hecho todo lo que has explicado pero tengo un problema cuando hago click sobre la seccion que quiero, no carga la pagina y me muestra "no se ha recibido ningun dato".
    Por cierto, me has sido de mucha ayuda! infinitas gracias

    ResponderEliminar
    Respuestas
    1. Hola M.j, un placer ayudar. Si haces "clic" y te pone no se ha recibido ningún dato puede ser por:

      - No haber puesto la etiqueta después de /search
      - Que la etiqueta que hayas puesto no coincida en alguna letra o mayúsculas/minúsculas con la que hayas puesto en las entradas que quieres que salgan cuando se pulsa en la opción.

      Un saludo y cualquier cosa pregunta.

      Eliminar
  74. Respuestas
    1. Gracias a ti, siempre es un placer ayudar y ver que sirve a la gente. Un saludo!!!

      Eliminar
  75. Hola!! Gracias a este post he puesto menú a mi blog! ^^
    Pero ahora me gustaría que cuando alguien apretase en una de las pestañas, salieran todos los post agrupados en esa pestaña en pequeñito,sin estar desarrollados por completo como ahora,y tengan que hacer roll con el ratón para ver todo lo que hay en esta pestaña.No sé si se me entiende...estoy intentando encontrar algo por google,pero tampoco sé qué palabras usar =P
    Te dejo nuestro blog por si quieres echarle un vistacillo y a ver si me puedes ayudar! Saludos!

    ResponderEliminar
    Respuestas
    1. Uy se me ha olvidado dejarte el link jajaja qué prisas!

      hermanasdehambre.blogspot.com.es

      Eliminar
    2. Hola,
      eso que comentas es bastante complicado, me explico:
      tendrías que entrar en el feed de tu Blog (que tiene todas tus entradas y sus actualizaciones), leerlo y dibujar dinámicamente "subopciones" de menú... es decir, es complejo.

      Un saludo!!!

      Eliminar
  76. Respuestas
    1. Gracias a ti Jessica, un placer servir de ayuda. Gracias también por tu feedback. Un abrazo.

      Eliminar
  77. MUY_BUENA_LA_EXPLICACIÓN_ME_PARECE_EXCELENTE_APORTE_SALUDOS...PLAY

    ResponderEliminar
    Respuestas
    1. Un placer ayudar Manuel!!!, cualquier duda aquí me tienes. Saludos!!!

      Eliminar
  78. Hola
    Primero agradecerte por este buen tutorial y segundo preguntarte; ya tengo mi menu creado pero quisiera centrarlo y en todas las paginas dice que en css copie .PageList {text-align:right !important;}
    .PageList li {display:inline !important; float:none !important;}
    pero no me hace ningún cambio!! ¿Cómo puedo centrar mi menu?

    ResponderEliminar
    Respuestas
    1. Hola, encantado de ayudar.
      Por lo que he visto está centrado, pero se produce un efecto óptico con la imagen del título que hace que el menú, al tener menos opciones que las necesarias para "cuadrar" el texto bajo el título, parezca que queda a la izquierda.

      El menú está metido dentro de un contenedor que mide de mínimo y de máximo 880px llamado ".content-outer, content-fauxcolumn-outer, .region-inner". Dentro de él está intentando dibujar cada opción de menú y son menos que las necesarias para que queden "centradas" en 880px.

      Lo mejor sería quizás ir probando en distintas resoluciones poniendo en el estilo ".tabs-inner .section:first-child ul" un "margin-left: 13%;" o el porcentaje (para que se recalcule en función de la resolución) que mejor pueda encajar con la cantidad de opciones que utilices. Así a primera vista podría ser el 13%...

      Prueba con esta opción. Para ver cómo tocar cualquier cosa de la presentación de tu Blog, te será muy útil esta entrada: http://www.diariosdelanube.com/2013/07/guia-para-trabajar-con-hojas-de-estilo.html

      Cualquier duda aquí me tienes.

      Un saludo!

      Eliminar
  79. buenas miguel te dejo mi link miramelo que ando perdio y dime porque se asi quiero que cada pestaña valla y cuando entras que salga lo de inicio no lo de productos por todo lo demas super genial www.dvccupcakes.blogspot.com y mi correo danivalencia@gmail.com un saludo

    ResponderEliminar
  80. Hola Daniel.
    No estoy seguro de haber entendido, yo veo que está todo bien... a mí me sale primero el formulario de contacto y después los productos... Si me equivoco escríbeme.

    ResponderEliminar
  81. Muchas gracias, me parecía muy complicado en otros sitios, y con tu tuto me ha parecido todo lo contrario.
    Me ha ido genial.
    Mil gracias de nuevo :)

    ResponderEliminar
    Respuestas
    1. Jope, antes hablo y antes me falla...
      En una de las secciones sí me ha ido bien, pero en otra no. He copiado y pegado tal cuál el nombre de la sección después de label, y no va.
      ¿Qué puede fallar?

      Eliminar
  82. Me autorespondo, he cambiado el nombre de la etiqueta y sí me funciona... En fín le pondré otro título :P
    Gracias por el tuto, ahora a ver si consigo quitar el mensaje de mostrar todos ;)

    ResponderEliminar

 

© 2015 Por: Miguel García Sánchez - Colomer en Diarios de la nube Todos los derechos reservados.