Nube de enlaces

Se trata esta vez de un truco para "instalar" una maravillosa nube de enlaces de colores en nuestro blog, es muy fácil de hacer, solo debes seguir los pasos...

Diseño>edición HTML>expandimos artilugios

(1) Busca la etiqueta ]]></b:skin>:

(2) Justo encima pega este bloque de CSS:

#nube{
text-align:center;
padding:5px;
}
#nube .tag1{
font-size:0.9em; color:#da080c;
}
#nube .tag2{
font-size:1.2em; color:#7c9fbd;
}
#nube .tag3{
font-size:1.4em; color:#a6c4e1;
}
#nube .tag4{
font-size:1.3em; color:#0fd580;
}
#nube a{
text-decoration:none;
}
#nube a:hover{
text-decoration:underline;
}

Podremos cambiar el color de los enlaces en color:#XXXXXX puedes poner el color que más te guste (para obtener códigos de colores, mira la tabla de colores).

Donde pone "font-size" puedes escoger el tamaño de texto deseado.

(3) Ahora guarda los cambios y en la parte de diseño>Elementos de página, añade un nuevo gadget (elemento de página) html-javascript.

Pegamos este código:

<div id="nube">
<a href="URL DE TU ENLACE" class="tag1">TEXTO DEL ENLACE</a>
<a href="URL DE TU ENLACE" class="tag2">TEXTO DEL ENLACE</a>
<a href="URL DE TU ENLACE" class="tag3">TEXTO DEL ENLACE</a>
<a href="URL DE TU ENLACE" class="tag4">TEXTO DEL ENLACE</a>
<a href="URL DE TU ENLACE" class="tag1">TEXTO DEL ENLACE</a>
<a href="URL DE TU ENLACE" class="tag3">TEXTO DEL ENLACE</a>
<a href="URL DE TU ENLACE" class="tag2">TEXTO DEL ENLACE</a>
<a href="URL DE TU ENLACE" class="tag4">TEXTO DEL ENLACE</a>
<a href="URL DE TU ENLACE" class="tag1">TEXTO DEL ENLACE</a>
<a href="URL DE TU ENLACE" class="tag3">TEXTO DEL ENLACE</a>
</div>

Sustituye...

URL DE TU ENLACE por la dirección de tu blog o web.

TEXTO DEL ENLACE por el título de tu blog o web, o el título del enlace.