18.7.13

Como eu coloco os links do Post Footer personalizado?


Hoje vou ensinar pra vocês como personalizar os links do post footer. Como assim? Sabe esses links (comentários, marcadores..) que você tem lá no final do post? Vou dar um exemplo do blog Trechy Teen: 


Vou ensinar vocês a personalizarem essa área. Lembrando que só vai dar certo se os seus links estiverem lá no fim do post ok? É muito fácil e rápido, mas preste bem atenção pra não ter que refazer depois ok? Clique em Leia o resto da postagem para conferir o tutorial.
Vamos lá:
1- Vá até Design, Editar HTML, aperte CTRL+F e procure por: .post-footer{
Você irá encontrar um trecho parecido com esse:


.post-footer {
  margin: .5em 0;
  line-height: 1.8;
}
2- Logo APÓS este trecho cole o seguinte: 


.post-footer a{
color:#FF0080;

background-color: #F1A9A9;
text-decoration:bold;
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}



.post-footer a:hover{
background-color: #F1A9A9;
color: #FBD400;
text-decoration:bold;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}
3- Para mudar a cor da fonte mude o que está em rosa. Para mudar a cor do fundo dos links mude o que está em preto. Neste código, colocamos que a fonte estará em negrito, e quando o mouse passar continuará em negrito. Mas se você quiser que não fique em negrito, altere o " bold " para " none ".

Visualize, se tiver tudo certo salve!

fonte: Other Things
 Se for copiar favor deixar os créditos ao MB e ao OT. Plágio é crime! 

2 comentários:

  1. oi, BOM TEM UM POST PRA VOCÊ LÁ NO MEU BLOG VÊ LÁ TÁ . bEIJOS gABII.

    http://modadagabizinha.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada Gabriela, eu li, ficou lindo.
      Amei, mais sucesso ao seu blog Flor
      Beijão :*

      Excluir

- Se tive alguma dica, diga! =)
- Alguma dúvida ou algum pedido? Comente!
- Sim, visito o seu blog, mande o link! =D
-Favor não ofender ninguém, elogios e criticas são bem vindos, mas mantem o respeito!
Obrigada, MB!

Copyright © 2016 | Design e Código: Mistério do Brilho e Sanyt Design | Tema: Viagem - Blogger | Uso pessoal • voltar ao topo