Como colocar Fundo colorido nos links | Quero Dicas | Tutoriais para seu blogs


Como colocar Fundo colorido nos links


Está cansada (o) de ter o mesmo link simples que dos outros blogs/site? Tendo somente destacado o nome lincado a outra página? Seus problemas acabaram! 
Hoje, eu trouxe um jeito todo especial de dar um destaque bem legal aos seus links, colocar um fundo neles, o que acha?


Não sabe do que estou falando? Veja na imagem

A primeira imagem é um link comum, que muda de cor ao colocar o mouse em cima. O outro é depois da aplicação do código, ele destaca não somente o nome do link com cor diferente mais sim, colocar um plano de fundo também.

Para realizar este procedimento é muito simples. Veja:

1 - Acesse o painel do seu blog

2 - Vá em Modelo e editar HTML

3 - Agora tecle Ctrl + F e procure por:

 ]]></b:skin> 
 


4 - Acima código ]]></b:skin>, cole o seguinte código:

.post-body a:link {
color:#4876FF;
text-decoration:none; }

.post-body a:hover {
background-color:#6495ED;
color:#FFFFFF;
text-decoration:none; }   


5 - Agora altere suas cores,
Onde está escrito "Link", você altera #4876FF pela cor do link normal,
Onde está escrito "hover", você altera #6495ED pela cor no estado houver do fundo (quando o mouse está em cima) e #FFFFFF pela cor do link (palavra / frase) no estado houver.

6 - Salve e pronto! Seu fundo colorido nos links está lindo!
Tabela de cores - Flextool

Espero que tenham gostado e apesar de bem simples este destaque nos links, acho ele bem útil, além de dar um destaque bem legal do blog/site.

Em caso de dúvidas, deixem seus comentários! Beijinhos
Me Contrate!


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço por sua colaboração.

Comente. Mais peço que leia antes:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com xingamentos entre outros, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

4 - Comentários somente URLs de terceiros, não serão publicados.

♥ - Caso queira divulgar seu blog gratuitamente, Acesse, Galeria de Blogs
♥ - Eu terei o maior prazer em colocar o link ou seu banner nesta galeria.

Muito obrigada por seu comentário e por sua vista.
Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

Obrigada por seu comentário! Ele é muito importante para mim.