Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Menú vertical Green Bubble

Hace tiempo construí el menú vertical Grey Drop. Esta vez te traigo un nuevo menú vertical, el Green Bubble:

Menú vertical para el blog
DEMO


Su instalación es muy sencilla, por lo que en pocos pasos lo puedes tener en tu blog.


Diseño>Edición HTML>expandimos artilugios




Busca la etiqueta ]]></b:skin> y encima añade estos bloques de CSS:


/* 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
----------- */

Ahora guarda la plantilla:




Seguidamente añadiremos los enlaces y el menú en la sidebar.


Diseño>añadir gadget (elemento de página)>html-javascript






Pega este 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>

Reemplaza URL DE LA PAGINA por la dirección de tu blog o web y TITULO por el título del enlace.

Si deseas añadir más enlaces al menú, utiliza líneas como esta:

<li><a href="URL DE LA PAGINA" >TITULO</a></li>

Y colócalas siempre antes del cierre </ul>.

Guarda el gadget para terminar y obtener así el menú Green Bubble.

Yo dice...

Buen post... Como siempre en su blog :D

¡Feliz Año Jaime!

Jaime Trujillo Escobedo dice...

¡Gracias, Yo!

Feliz Año ^^.

gabriel dice...

Gracias me a sido de mucha ayuda espero que sigas creando cosas. Felicitaciones.

Junior dice...

:) Hola chico, esta muy cool tu blogger, me guto mucho este menu verde.

Una consulta, puedo crear mis propios menus apartir de tu menu que has creado y puedo publicarlos en otra web, poniento como referencia tu nombre. espero que contesteis.

gracias.

Tutorialisimo@gmail.com

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo