Como deixar os Links sublinhados ???

Olá Tripulação do Navio !!!

 

 

Neste post os Créditos são imensos para Este Blog !!! Vocês me ajudaram demais!!

 

 

Vocês já devem ter visto links que ficam deste jeito quando passamos com o Mouse por cima:

 

 

E é exatamente o que eu Vim Explicar, como sempre com mais detalhes para os nossos Iniciantes!!

 

Vamos aos Passos!!

Primeiro Passo

 

 

Visualize seu Blog e Clique em Design lá em cima no cantinho Direito

 

Assim que a página abrir Clique na Opção "Editar HTML"

 

 

Segundo passo

 

 

Aperte Ctrl + F e procure pelo código escrito na primeira linha (Destacado em Azul):

 

 

a:link {

text-decoration:none;

color: $(link.color);

}

a:visited {

text-decoration:none;

color: $(link.visited.color);

}

a:hover {

text-decoration:none;

color:$(link.hover.color);

} 

 

 

Destacado em Lilás é a parte em que vocês vão editar, da parte a:hover {

até a última chave destacada (}). Antes dela cole este código:

 

border-bottom: 1px dashed #000000;

 

  

 

Terceiro Passo

 

 

É a hora de personalizar, o que?? Mas como assim??

 

1px - Mede a grossura da linha, quanto maior for o número, mais grossa ela é.

 

Dashed - É o tipo de linha. Pode-se usar o tipo dotted, que seriam as linhas com pontinhos. E também o tipo Solid, que é uma linha normal.

 

#000000 - É a cor da linha, pode ser a que você gostar!!

 

 

Quarto e Último Passo

 

 

Clique em "Salvar Modelo" e depois que estiver salvo em "Fechar"

Está Prontinho, pode Visualizar Seu Blog para Conferir!!!

 

 

Espero que esse tutorial tenha ajudado!!

 

Não deixe de Fazer a sua pergunta ou deixar seu comentário!!