Links decorados.

Con este procedimiento podremos hacer que los links tengan una especie de tick, y un icono de link que se "agranda" un poquito cuando hacemos clik, es muy bueno ¿no creéis?

En el CSS de nuestra plantilla, ponemos este código para "controlar" los links decorados, podemos ponerlo antes de la etiqueta ]]></b:skin>

.linkdecorado {
color: #000000;
background: transparent url(http://img205.imageshack.us/img205/8444/linkgocn0.png) no-repeat center left;
}

Así conseguimos que aparezcan en color negro y con un lindo icono a la izquierda indicando que es un link.

Para cambiar el color del link, mira el código de color que te señalo en verde. Sólo debes cambiarlo por el código de algún color que te guste y que podrás encontrar en la tabla de colores.

Lo que está en rojo es la dirección de la imagen, si quieres cambiar la imagen, simplemente, haz clic con el botón derecho del ratón-> Propiedades-> y copia la dirección de la imagen.

Cada vez que quieras poner un link decorado debes ponerlo de esta forma:

<a class="linkdecorado" href="http://elbalcondejaime.blogspot.com">El Balcón de Jaime</a>

Simplemente cambia http://elbalcondejaime.blogspot.com y El Balcón de Jaime por la URL (dirección) y nombre de tu blog.

¡Suerte!