martes, 2 de agosto de 2011

Menú vertical para blogger (III) de color verde

ara 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.

0 comentarios:

Publicar un comentario

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Best Buy Coupons