Perçonalizando os links do blog:Efeito Tracejado + Links em fade

Oi Perfeitos e Perfeitas Tudo bem com voces? Hoje eu trago um tuto Que eu uso aqui no blog.

Vamos Começar

                  Bem Primeiro Vá em HTML e Pressione a tecla F3 ou Ctrl+f (Tanto Faz rsrs)

E procure pelo Código

a:link {

O Codigo estara mais ou menos assim: 

a:link {

text-decoration:underline;

  color: $(link.color);

}

a:visited {

  text-decoration:none;

  color: $(link.visited.color);

}

a:hover {

  text-decoration:none;

  color: $(link.hover.color);

}

Substitua por:

a:link {
color: #ff7fb2;     /* -------- 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: #ff7fb2;   /*------ COR DOS LINKS VISITADOS -----*/
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}a:hover {
color: #FF82AB;    /*----- COR DOS LINKS AO PASSAR O MOUSE -----*/
text-decoration:underline;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  text-decoration:underline;
  color: $(link.hover.color);
 border-bottom: 1px dashed #FF82AB;    /*----- COR DO TRACEJADO -----*/
}

Faça as alterações pedidas , Para ajudar vcs eu toxe a tabela de cores (WWW)