Efeito Opacity Pink nos links do blog

Eeei queridos :3

Nada como um bom feriado,certo?Ah,vocês perceberam que eu fiz umas pequenas mudanças aqui no blog?Provavelmente não.No entanto,eu tenho visto muito blogs bem famosos,e aprendi coisas bem interessantes.Tá,chega de enrolar.Como eu mudei o foco do blog,resolvi postar um  pouco sobre edições e código HTML.No post de hoje vou ensinar um efeito super legal nos links do blog (Título,marcadores,etc).Que muda de cor lentamente quando passa o mouse.Vamos lá!

Vá em:

Modelo>Editar HTML.

Aperte CTRL+F e procure por:

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);} 

Onde está esse código,substitua por:

 a:link {
color: #000000; /* Cor do link*/
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: #B03060; /*Cor dos links visitados*/
text-decoration:none;filter:alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
a:hover {
color: #FF1493; /*Cor do link quando passa o mouse*/
text-decoration:none;filter:alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}

Clique em ''visualizar modelo'' e veja se está tudo certo!Pronto,agora é só salvar!
Bye bye =)