Tu Blog + Nuestra Ayuda = Un Blog Especial

La propuesta de esta publicación es brindarte toda la ayuda necesaria para que puedas hacer de Tu Blog un "mundo especial", para tí y para todos tus visitantes.

miércoles, 26 de mayo de 2010

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

    1 comentarios:

    Victoria dijo...

    Gracias por compartir tantas ideas que nos ayudan para nuestro blog Fran,no lo conocia y es muy interesante..Gracias.Te deseo que tengas un fín de semana lleno de bendiciones..Con cariño Victoria

    Publicar un comentario