Bienvenido! Por favor ingrese o registrese.

Autor Tema: Cómo poner un menú horizontal en Blogger  (Leído 1479 veces)

Gime

  • Nivel 4
  • ****
  • Puntos: 1808
  • Mensajes: 238
    • Ver Perfil
Cómo poner un menú horizontal en Blogger
« : julio 10, 2014, 02:23:20 pm »
Soy nueva en Blogger y hace unos días estuve intentando poner un menú horizontal bajo la cabecera. Después de consultar varios tutoriales al fin di con la solución, después de probar varias formas, así que les dejo la solución para ahorrarle tiempo a quien quiera hacerlo.

En Blogger no se pueden poner Categorías a los posts, por eso tenemos que hacer el menú basado en las etiquetas. Las etiquetas, de todas formas, no tienen por qué tener la palabra que aparecerá en el menú.

Para hacer la barra de menú vamos a Diseño y hacemos click en “Añadir un gadget” en el cuadro que aparece debajo de la cabecera. Una vez se nos abran las ventanas de opciones de Gadget seleccionamos: HTML/Javascript

En el recuadro para el texto pegamos (ejemplo):

<ul id="menu">
<li><a class="selected" href="http://ELNOMBREDELBLOG.blogspot.com/">INICIO</a></li>
<li><a href="http:// ELNOMBREDELBLOG.blogspot.com/search/label/ETIQUETA">LAPRIMERAOPCIONDELMENU</a></li>
<li><a href="http:// ELNOMBREDELBLOG.blogspot.com/search/label/ETIQUETA2">LASEGUNDAOPCIONDELMENU</a></li>
</ul>

En este ejemplo en la primera opción vamos a la página principal del blog, por eso la palabra es “INICIO”, aunque puede ser “HOME”, “PRINCIPAL”, etc. En la tercera línea cambiamos ELNOMBREDEL BLOG por el nombre del site y en ETIQUETA escribimos la etiqueta que le vamos a poner a los posts que queremos que aparezcan en esa “categoría”. Como no se va a ver, puede ser una palabra que englobe varios temas.

La palabra que va a aparecer como rótulo del menú es la siguiente, la que en el ejemplo aparece como “LAPRIMERAOPCIONDELMENU”, “ASEGUNDAOPCIONDELMENU” y así sucesivamente, podemos hacer que el menú tenga todos los botones que queramos.

Para encontrar la URL  “http:// ELNOMBREDELBLOG.blogspot.com/search/label/ETIQUETA” simplemente la escribimos o sino lo que hacemos es buscar un post publicado bajo esa etiqueta, pinchamos en la etiqueta y accedemos a la URL donde están todos los posts que van a aparecer en la “categoría”.
Con algunas modificaciones al código podemos personalizar el menú, como cambiarle el color y el formato de fuente.

También podemos hacer que aparezca a la derecha, de forma vertical, con el mismo procedimiento, poniendo el Gadget HTML/Javascript en el lugar que elijamos.

Una vez que tengamos el menú, vamos a ver que cada vez que pinchemos en una "Categoría" nos va a abrir una página que dice "Todas las entradas con la etiqueta XX". Para sacar ese rótulo vamos a el código de la plantilla pinchando en "Plantilla" y luego "editar HTML".
Presionamos Ctrl+F y en el recuadro, buscamos la línea:

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

La eliminamos, guardamos los cambios y listo.

Espero les sea útil  ;)

Linkback: http://afiliadostop.net/index.php?topic=6359.0
No Tienes Permisos Para Dar Puntos
point 10 Puntos

Usuarios que puntuaron el tema » marcoojeda (10 Pts) 

marcoojeda

  • Nivel 1
  • *
  • Puntos: 62
  • Mensajes: 21
    • Ver Perfil
    • Email
Re:Cómo poner un menú horizontal en Blogger
« Respuesta #1 : julio 10, 2014, 08:45:15 pm »
Muchas gracias justamente estaba buscando como realizar esto !!! ==)


Share via facebook Share via twitter

xx
Menú horizontal con zoom y menú vertical blogger

Iniciado por Gime

0 Respuestas
1260 Vistas
Último mensaje diciembre 26, 2014, 12:33:34 pm
por Gime
xx
Menú horizontal con subítems y movimiento para Blogger

Iniciado por Gime

0 Respuestas
975 Vistas
Último mensaje noviembre 11, 2014, 05:43:50 pm
por Gime
xx
como hacer un menu de navegacion en blogger [VIDEO]

Iniciado por Poll Xander

0 Respuestas
184 Vistas
Último mensaje octubre 17, 2016, 08:51:47 pm
por Poll Xander
xx
Blogger +Dominio Propio ¿Cómo poner Midominio.com/producto?

Iniciado por Ashby

0 Respuestas
739 Vistas
Último mensaje septiembre 27, 2013, 09:43:53 pm
por Ashby