COLOCAR UN MENÚ VERTICAL EN NUESTRO BLOG

Es una idea interesante el poder ordenar las entradas de nuestro blog mediante un menú vertical en el que podemos añadir de una forma sencilla todos los enlaces que necesitemos.

Para ello debemos seguir los siguientes pasos :

1) Vamos a Diseño

2) Edición de HTML

3) Busca ]]> (teclea Ctrl + F para buscar más rápido)

4) Justo arriba de ]]> pega el siguiente código:

/* Menu Green Bubble

---------------- */

#Greenbubble {

padding:0;

width:150px;

margin:10px 0 0 10px;

}

#Greenbubble ul {

float:right;

margin:0;

padding:0;

list-style-image:none;

list-style-position:outside;

list-style-type:none;

}

#Greenbubble li a {

display:block;

margin:0 0 10px;

background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnwFNytxY6ysBoHmXxvIn0_XtB952-rSjV7M3lAFNKpcVQLa9Fyd5FMCb1gX_m7OhOww_ZhLkOz1TfpPK2HqELakMFIX3n_dBVxmBihF4tc5qUUMt4wyu2F68gXHsqEGFhVoG-h2B69dI/s1600-r/greenbubble.png) no-repeat scroll 0 0;

background-position: -22;

color: #ffffff;

font-family: Tahoma;

font-size: 13px;

height: 21px;

padding: 2px 0 0 30px;

width: 122px;

}

#Greenbubble li a:hover {

color:#FFFFFF;

font-family: Tahoma;

font-size: 13px;

height: 21px;

text-decoration:none;

background-position: 0px -23px;

}

/* Fin menu Green Bubble

----------- */   

5) Clica en vista previa y si no hay ningún problema, guarda tu plantilla.
6) Ahora ves a Diseño->Elementos de página->Añadir un gadget->HTML/Javsscript. En él pega el siguiente código:

    Sustituye URL DE LA PAGINA por la URL correspondiente de la página o entrada que quieras enlazar. Después en TITULO pon el nombre que desees dar a ese enlace.

   Para añadir más enlaces, fíjate en la estructura y añade esta línea:

URL DE LA PAGINA" >TITULO

   Así quedaría nuestro menú dinámico :

Si quieres ver como quedaría en movimiento "pincha aquí"

 

Espero que os sea útil esta información.


FUENTE: http://www.quierocrearunblog.com