sábado, 18 de abril de 2015








 COMO CREAR UN MENU
http://www.diariosdelanube.com/2014/05/como-poner-un-menu-en-blogger-sin-tener.html 

El menú en un blog sirve para organizar los contenidos que éste contiene en categorías que se le puedan mostrar al usuario para que navegue por ellas sin dificultad.

La ventaja de utilizar un menú es que a parte de facilitar el acceso a tu información, la estructuras y ordenas de una manera lógica.

Esta guía te explica paso a paso con todo lujo de detalles cómo poner un menú de una manera sencilla en Blogger.

Si no tienes ninguna experiencia en informática o programación, voy a explicarte el menú más fácil que puedes añadir a tu Blog en unos sencillos pasos.


¡Sin miedo!


Que no te asuste la extensión de la guía, es facilísimo poner este menú. He procurado poner todo lujo de detalles para que te sea lo más sencillo posible aún cuando no tengas ninguna experiencia informática.

Paso a paso, cómo poner un menú fácilmente en Blogger:

1) Piensa en la estructura del menú con tus contenidos y ponla en práctica:

  • Para montar un menú, primero debes pararte a pensar en las categorías que van a organizar las entradas de tu Blog. Esas categorías serán las opciones del menú que vas a crear.
  • Cuando tengas claras las categorías que compondrán las opciones de menú, con ellas etiquetaremos cada entrada de tu Blog para que cuando pulsen en una determinada categoría, salgan todas las entradas que contienen su correspondiente etiqueta.
Un Ejemplo sencillo de organización en categorías basadas en etiquetas de tu Blog:
  • Pongamos por ejemplo que tienes un Blog de cocina y deseas estructuras tus entradas en las siguientes categorías:
    •  postres, carnes, verduras y pescados.
  • Ahora sólo queda que etiquetes cada entrada de tu Blog para que se agrupe en su etiqueta. En las entradas que tengan que ver con postres pondrás la etiqueta postres, en las de carnes usarás la etiqueta carnes y así sucesivamente.
¿Cómo etiqueto las entradas en Blogger?
  • Para poner la etiqueta adecuada en cada entrada simplemente dentro de Blogger ve a la opción del menú de la izquierda "Entradas":
  • Ahora pulsa "Editar" en la entrada deseada para acceder a ella (como cuando escribes normalmente):

  • En la parte derecha del editor de entradas, he marcado en la pantalla anterior la zona donde debes hacer "clic" para etiquetar tu entrada. En este caso imagina que dentro del Blog de cocina del ejemplo esta entrada la vamos a poner en la categoría "postres", pues bastaría con darle al icono con forma de etiqueta y después escribir la etiqueta "carnes" y pulsar guardar.
  • Esto debes hacerlo con cada entrada, de manera que queden todas etiquetadas con la categoría (opción de menú) que luego mostrarás en el menú de tu Blog.


2) Ahora, dirígete en Blogger a la pantalla principal y en el menú izquierdo de opciones pulsa en "Diseño" tal como muestro en la pantalla inferior.


3) Haz "clic" en cualquier punto donde ponga "Añadir un gadget", especialmente si se encuentra bajo la cabecera del título (CONSEJO: si lo pones en otro punto de la vista de diseño, el menú se adaptará a la forma de ese punto y no tendrá el aspecto alargado y horizontal).



4) Selecciona en la pantalla que te sale el Gadget de Google "Páginas", tal y como te marco en el pantallaoz inferior.



5) En la pantalla que te sale para editar el gadget "Páginas", selecciona el texto que te he marcado en la parte inferior "Añadir páginas con enlace"




6) Ahora en "Título de la página" pones el nombre de la opción de menú (la categoría) que deseas que vean los usuarios de tu Blog. En el ejemplo del Blog de cocina ponemos de título "pescado" pues cuando los usuarios pulsen en esa opción de menú querremos que se muestren todas las entradas de pescados.


7) En "Dirección web (URL)" escribe:

http://nombre_de_tu_blog.blogspot.com/search/label/nombre_etiqueta
Es decir, en el ejemplo del Blog de cocina, como estamos haciendo la opción de menú (categoría) pescados, en  "Dirección web (URL)" pondremos el nombre del blog y un que busque por cualquier entrada que tenga la etiqueta que queremos:

http://mi_blog.blogspot.com/search/label/pescados

Así, cuando el usuario haga "clic" en el título (la opción de menú, la cetgoría) pescados, se mostrarán en pantalla todas las entradas de tu Blog que hayas etiquetado (cuya etiqueta o concepto agrupador) sea "pescados".

Así quedaría el ejemplo, el título "pescado" que al pulsarlo llama a todas las entradas con la etiqueta "pescados".



El nombre de la etiqueta debe coincidir mayúsculas/minúsculas y espacios en blanco, tal cual lo hayáis escrito la etiqueta en cada entrada.
Repite los pasos 5, 6 y 7 con cada categoría (opción de menú) y etiqueta que tengas en el Blog hasta completar tu menú y ¡ya lo tienes!.

Solución a pequeños problemas comunes


  • Si no te sale como menú el gadget, muévelo en la vista de diseño de Blogger para colocarlo como te mostré en el paso 3: justo debajo de la cabecera y justo encima del bloque "Entradas del Blog". Si lo colocas en otro punto que no sea bajo el título, el menú se adaptará a la forma o a los límites con los que tope a derecha e izquierda del sitio donde lo hayas puesto. 


  • Si cuando hagas "clic" en la opción de menú en tus pruebas no encuentra nada es porque no has escrito bien la dirección del Blog con el /search/label y la correspondiente etiqueta o porque las mayúsculas/minúsculas o alguna letra de la etiqueta que has puesto en la dirección no coincide con la que pusiste en las entradas que querías que salieran cuando pulsen esa opción de menú.
  • Ante la duda si ves que no te sale, no te preocupes, pregunta lo que necesites en los comentarios que estoy aquí para ayudar. Al final sale, ten paciencia ;)



EXTRA) 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:

8.0 Haz una copia de seguridad de tu plantilla para recuperarla en caso de error.

8.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'/>

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