Efeito hover nos links de navegação

Opa! Vou logo avisando que não é apenas só nos links da navegação e sim, em qualquer link que estiver em seu blog! Para não dar confusão depois de personalizado, coloquei esse título apenas para resumir. Bom, o motivo dessa postagem é que há alguns dias atrás uma leitora me pediu e com postagens programadas, não tive como postar. Enfim, pedi a ela um tempinho para me organizar e aqui estou com a postagem como havia prometido :D

Vá em Modelo > editar Html > Ctrl+F e procure por : 

/* Content

logo abaixo você vai encontrar a:link { não sei bem ao certo como que parece em seu templante. Poderá aparecer assim:

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

você vai substituir o que está nelepelo seguinte código:

a:link {
  text-decoration:none;
  color: #XXXXXX; /* Cor do link não visitado
}
a:visited {
  text-decoration:none;
  color:  #XXXXXX ; /* Cor do link visitado
}
a:hover {
  text-decoration:none;
  color:  #XXXXXX ; /* Cor do link quando for selecionado
  font-weight: bold; /* Efeito do link
}

altere o que foi marcado de roxo, pelo nome do efeito

Para as cores em hexadecimais
• www
• www
• www
• www


Efeito de links: 
underline  /* sublinhado /*
italic  /* italico /*
bold  /* negrito /*
line-through /* tachado /*
overline /* sobrelinha /*
underline overline /* sobrelinha e sublinhado /*



a:link {
text-decoration:none;
color: #XXXXXX; /* Cor do link não visitado
}
a:visited {
text-decoration:none;
color:  #XXXXXX ; /* Cor do link visitado
}
a:hover {
text-decoration:none;
color:  #XXXXXX ; /* Cor do link quando for selecionado
font-weight: bold; /* Efeito do link
}

altere o que foi marcado de roxo, pelo nome do efeito

Cuidado para não apagar nenhum caractere, caso ao contrário irá dar erro!!!
Beijos :*