Efeito Fade nos links

Vou ensinar você a como colocar esse efeito parecido com "Arco iris" que tem aqui no CD, isso faz com que as cores dos links do blog, fique diferente e bonitos.Então vamos lá aprender??

Primeiramente, vá em Design → Editar HTML e marque a caixinha "Expandir modelo de windget"

Tecle CTRL+F ou F3 e procure por:

  a:link {

Você deve achar algo parecido com isso ↓ :

a:link {
text-decoration:none;
color: $(link.color);
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:underline;
color: $(link.hover.color);
}

Apague todo o link, e cole este outro no lugar:

a:link {
color: #E9A1C0; /* Coloque a cor dos Links*/
text-decoration: none;
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}
a:visited {
color: #33CCCC; /*Coloque a cor dos Links visitados*/
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}
a:hover {
color: #707070; /*Coloque a cor dos Links quando passa o mouse em cima*/
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}

Visualize veja se está tudo certinho, então Salve.