domingo, 20 de marzo de 2011

Creación de menú-pestañas para Blogger.

A pesar de que las herramientas que Blogger pone a nuestra disposición han ido en aumento, algunas opciones siguen sin estar incluídas de forma nativa. Un ejemplo son los menús seleccionables que se pueden integrar en las diferentes plantillas de tu blog de una forma muy sencilla si escogiste una de las que Blogger pone a tu disposición;

- Ve a Diseño > Añadir un Gadget > HTML/Javascript
- En el cuadro copia este texto;
<ul class="barrademenu">
    <li><a title="AAA" href="BBB">AAA</a></li>
          <li><a title="AAA" href="BBB">AAA</a></li>
      </ul> 
- De esta forma, sustituye donde veas AAA por el texto que
quieres que aparezca en el primer botón, y en BBB la dirección a la que te lleva cuando haces click. Por poner el ejemplo de esta misma web, el primer botón quedaría así;
<ul class="barrademenu">
    <li><a title="Inicio" href="http://zesfera.blogspot.com">Inicio</a></li>
          <li><a title="AAA" href="BBB">AAA</a></li>
      </ul>
-En la segunda línea puedes poner otro título y otra dirección, ya que este será el segundo botón. Puedes copiar este fragmento   <li><a title="AAA" href="BBB">AAA</a></li>   para pegarlo antes de </ul> y añadir tantos botones como quieras.

-Por último guarda los cambios, y solo te queda elegir la disposición de las pestañas en el menú "Diseño". Si eliges una columna lateral, se mostrarán en forma de lista, y si lo ubicas justo debajo de la cabezerá quedarán tal y como se puede ver en la imágen de arriba.

No hay comentarios:

Publicar un comentario