14 de mar de 2012

Personalizando rodapé das postagens

Olá Dreams fofuxos!!

Vou ensinar vocês a personalizar o rodapé das postagens do seu blog, mais uma forma de decorar seu blogs, do seu jeito e de seu gosto.
Então mãos em obra, vamos aprender ao tutorial!!
Vá em Design → Editar HTML e clique na caixinha "Expandir modelo de windget"
Tecle CTRL+F ou F3 e procure por:
.post-footer { 
Você deve encontrar algo parecido com isso.
.post-footer {
  margin: .5em 0;
  line-height: 1.6;
}
Então substitua esse código acima, por esse outro:

.post-footer {
border-top:1px dotted #CCCCCC;
background-color:#FEBFD1;
color:#ffff;
font:Verdana, Geneva, Arial, Helvetica, sans-serif !important;
font-size: 12px;
letter-spacing:1px;
margin:0.73em 0;
padding:5px 8px;
text-transform:none;
}
.post-footer a{
color:#000;
text-decoration:;
font-weight: ;
}
.post-footer a:hover{
color:#FAFAFA;
text-decoration:none;
background-color:;
}
.comment-link {
margin-left:17px;
magin-top:500px;
color: #ccc;
background-color: #fff;
}

Modifique as cores de acordo com o seu blog, ultilizando a tabela de cores.
Use cores de acordo com o seu blog, ou do jeito do seu gosto.
Visualize e veja se está tudo certinho, então Salve :)




Um comentário :

  1. Excelente! c:
    http://mundinhomagicodagaby.blogspot.com
    Se gostar, segue? *u*
    Kissus

    ResponderExcluir

Sem chingamentos porfavor ;)
Todos os comentários serão respondidos.