Menú vertical para blogger (III) de color verde


En el balcón de Jaime he descubierto este magnífico menú para blogger. Se trata de otro magnífico menú para tu blogspot para que puedas crear un orden en tu blog para colocar las entradas que consideres más importantes o para crear una ruta de navegación para tus lectores.


¿Quieres ver este menú en movimiento? ¡Clic aquí!


Para poner este menú en tu blog sigue los siguientes pasos:

1) Vamos a Diseño
2) Edición de HTML
3) Busca ]]></b:skin> (teclea Ctrl + F para buscar más rápido)
4) Justo arriba de ]]></b:skin> pega el siguiente código:


Código a copiar/pegar/* 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(http://1.bp.blogspot.com/_blABMJBbYJs/Sz0Cvn1zuVI/AAAAAAAAHp8/ySCdum92lkI/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:


<div id="Greenbubble">
<ul>
<li><a href="URL DE LA PAGINA" >TITULO</a></li>
<li><a href="URL DE LA PAGINA" >TITULO</a></li>
<li><a href="URL DE LA PAGINA" >TITULO</a></li>
<li><a href="URL DE LA PAGINA" >TITULO</a></li>
</ul>
</div>


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:
<li><a href="URL DE LA PAGINA" >TITULO</a></li>



No olvides visitar todos los otros menu para blogger que ya expliqué anteriormente.

19 comentarios:

  1. Hola Juan!
    Pues sí, la verdad es que este menú es muy elegante.
    No obstante, ahora estamos precisamente probando cositas relacionadas con los menús y su creación, y la verdad es que es bastante fácil ;)
    ¡¡¡Nos lo apuntamos :)!!
    ¡Muchos saludos y nos vemos!

    ResponderEliminar
  2. Gracias Trucoteca. Un saludo compañeros.

    ResponderEliminar
  3. hola... excelente cuando coloque la columna izquiera este sera el que coloque...

    ResponderEliminar
  4. Excelente!! Gracias, la verdad que soy novata en esto de armar un blog, y todo me parece chino..de a poquito ire dandole un lindo formato y sacar provecho del blog.saludos

    ResponderEliminar
  5. @RD-Juegos. Ya sabes que tengo pendiente lo de añadir una columna en el blog. Es un tutorial largo y necesito un tiempo. Lo tengo apuntado, no me olvido jeje.

    @Perla. Muchas gracias por tu visita, me alegra que poco a poco vayas averiguando los misterios del mundo blogger jaja. Aquí te ayudaré en lo que pueda. Un saludo y bienvenida.

    ResponderEliminar
  6. Hola Juan. Vengo a saludarte y decirte que si podrías incluir un enlace a mi blog, El Balcón de Jaime, lugar del cual sacaste el menú vertical Green Bubble (este).

    Pienso que es lo mínimo que se puede hacer para agradecerme varias horas de trabajo previo.

    Además, enlazar no es malo, al contrario, hace que el PageRank suba y que otros sitios te enlacen.

    Espero que lo entiendas. Saludos.

    ResponderEliminar
  7. Retiro lo dicho, no había visto el enlace que estaba justo al principio. Te lo agradezco muchísimo.

    ¡Saludos!

    ResponderEliminar
  8. Hola Jaime. No te preocupes, no pasa nada. Antes de esa entrada te envié un email, parece que no lo recibiste. Trateré de volverme a poner en contacto contigo.

    Un saludo compañero.

    ResponderEliminar
  9. La verdad es que el blog esta muy completo y las explicaciones son exelentes.
    Quiero sacarme una duda con un problema que tengo:

    Al menu se le asigna una direccion a donde ir cuando le damos click sobre las pestañas.
    Si yo creo una entrada nueva, luego de haber ya incorporado "mi menu":

    1) como la relaciono con la pestaña correspondiente? ya que es una entrada posterior a la creacion misma del menú.
    2) En caso de que no se pueda, cuando yo quiera actualizar la entrada correspondiente a la pestaña, debería "editar" la entrada no?

    Perdón si no soy muy claro.

    Saludos.-

    ResponderEliminar
  10. Muchísimas gracias!!!

    Me estreno en la creación de un blog y soy una auténtica novata pero he seguido tus instrucciones y me ha salido a la primera. Entras en mis primeros "favoritos".

    ResponderEliminar
  11. Buenas! Me salió todo bien, sólo que el tamaño se ma va un poco de la columna pero supongo que trasteando para intentar cambiarle el tamaño conseguiré adaptarlo... El tema es que no sé cómo enlazar diferentes entradas a un mismo título... No me cansaré de darte las gracias por todo tu trabajo... Salud!

    ResponderEliminar
  12. Hola,

    ¿Como se puede cambiar color verde por algun otro? ¿Donde se cambia en este menu?

    Muy buen post

    Gracias

    ResponderEliminar
  13. Hola compañero es justo lo que buscaba, el color y todo... pero porfavor me tienes que echar una mano..
    necesito que el boton sea el doble de grande... la imagen la he modificado.. y es de 300px pero no tengo ni idea de que tocar para que el texto se large también... por que el texto es muy largo.. y se me hace un intro y va a parar abajo (Que queda fatal..)

    Probe cambiar alguna cosa en el CSS, pero ni idea no me ha salido... Me podrias ayudar porfavor?
    Mil gracias antisipadas! Solo me queda eso para ser feliz xDD

    un Saludo y mucho éxito!

    ResponderEliminar
  14. Mis saludos, quiero crear un menu lateral como el de tu blog me puedes ayudar quiero colgar manuales por categoria en mi blogger... mi blogger es: http://webprofesor.blogspot.com/

    te estare muy agradecido por tu ayuda

    ResponderEliminar
  15. Tremendo blog Mi compadre, lo felicito, voy a tomar unas cositas de aquí, con su permiso, a ver si le doy un aspecto más dinámico al mio, que parece un camión 750 de los años 40.

    http://rrrrregimenchavista.blogspot.com

    http://omaraqui2000.blogspot.com

    ResponderEliminar
  16. hola.
    tengo una duda de novata.
    en la URL de la página no sé que poner, porque lo que quiero que vaya en cada menú es un gadget que tengo creado en el blog.
    ¿cómo se hace eso?

    ResponderEliminar
  17. Hola de nuevo, se me ocurre que en vez de la URL pueda insertar en ese espacio el código HTML de los formularios que he creado para cada pestaña ¿o no?

    ResponderEliminar
  18. Hola!!
    Estoy haciendo mi primer blog y ando muy perdida, esta información me ha sido de gran ayuda, pero me ocurre igual que a Cesar, por favor, a ver si puedes ayudarme:

    He creado el menu con los diferentes nombres pero al hacer click en ellos no sale nada, como puedo asociar una entrada para meterla dentro del menu vertical por capitulos??

    Gracias

    ResponderEliminar