[Tutoriales] Gadget Amigos #1

Holiii!!! Bueno, hoy os traigo el tutorial que me pidió Yuuto, sobre cómo poner un gadget de amigos como el mío. Pienso hacer por lo menos tres o cuatro de este tema porque hay miles de formas de hacerlo. Esta es de las más sencillas porque no tiene efectos.

Lo único que hay que hacer es ir a Diseño, Añadir Gadget, Gadget HTML y pegamos en el gadget el siguiente código:

<style>
.afiliadoselite {
padding: 0px;
margin: 3px;
border-width: 4px;
border-style: solid;
border-color: #008000;
border-radius: 2px;
transition: all 0.5s ease-in-out 0s;
}
.afiliadoselite1 {
padding: 0px;
margin: 3px;
border-width: 4px;
border-style: solid;
border-color: #F9725C;
border-radius: 2px;
transition: all 0.5s ease-in-out 0s;
}
</style>
<center>
<a href="URL_DE_TU_AMIGA" target="_blank" title="TEXTO">
<img width="70px" height="70px" class="afiliadoselite" src="URL_DE_LA_IMAGEN"/>
</a>
<a href="URL_DE_TU_AMIGA" target="_blank" title="TEXTO">
<img width="70px" height="70px" class="afiliadoselite1"  src="URL_DE_LA_IMAGEN"/>
</a>
<a href="URL_DE_TU_AMIGA" target="_blank" title="TEXTO">
<img width="70px" height="70px" class="afiliadoselite" src="URL_DE_LA_IMAGEN"/>
</a>
<br />
<a href="URL_DE_TU_AMIGA" target="_blank" title="TEXTO">
<img width="70px" height="70px" class="afiliadoselite1" src="URL_DE_LA_IMAGEN"/>
</a>
<a href="URL_DE_TU_AMIGA" target="_blank" title="TEXTO">
<img width="70px" height="70px"  class="afiliadoselite" src="URL_DE_LA_IMAGEN"/>
</a>
<a href="URL_DE_TU_AMIGA" target="_blank" title="TEXTO">
<img width="70px" height="70px"  class="afiliadoselite" src="URL_DE_LA_IMAGEN" />
</a>
</center>

Y ahora, ¡a personalizarlo! Lo primero es cambiar lo que está en negrita por las URLs que quieras, y lo siguiente, los colores:

• Rojo: Es el espacio entre cada imagen
• Naranja: Es el grosor del borde
• Amarillo: es el estilo del borde (en ESTA entrada verás más estilos)
• Verde: el color de los bordes. Tienen que cambiarlos con colores de AQUÍ
• Azul: bordes redondeados.
• Rosa: tamaño de las imágenes. Width es el ancho, y height el alto

Si se me escapó algo, avísenme, últimamente estoy muy despistada!!

Beshus y hasta mañana!!