terça-feira, 21 de agosto de 2012

Tutorial: Personalizar rodapé do post.

Amo *-*
Oi gente *-*
Agora sim é a Heloísa aqui. Como senti saudade de vocês, meus amores *u*
Finalmente to tendo um tempinho pro blog. Demorei mas consegui me organizar um pouquinho... Espero que me perdoem '-'
Hoje eu trouxe um tutorial que o resultado fica muito fofo, eu realmente amo esse tutorial. Tudo fica muito mais bonito com ele. Ele personaliza o rodapé do post. todo mundo viu o título.



Se você não sabe o que é o rodapé do post não fique preocupado. Aqui está um print de um:

Fica lindo né ? Vamos ao tutorial?

Vá em editar html e pesquise (Ctrl + F) por: .post-footer { Vai aparecer um código igual ou parecido com esse:

.post-footer {
margin: .5em 0;
line-height: 1.6;
}


Apague todo esse código e no lugar dele cole esse:

.post-footer {
background: #efefef;
border-radius: 5px;
color:#ffff;
font:Trebuchet MS!important;
font-size: 11px;
margin:0.73em 0;
padding:5px 8px;
text-transform:none;
}
.post-footer a{
border-radius: 5px;
color:#000;
text-decoration:;
font-weight: ;
}
.post-footer a:hover{
border-radius: 5px;
background-color: #efefef;
color:#000;
text-decoration:none;
background-color:;
}
.comment-link {
magin-top:500px;
color: #000;
background-color: #efefef;
}

Aí é só editar do seu jeitinho *-*
Espero que tenham gostado. Beijoos ;*

Créditos: Promised Land 

10 comentários:

  1. Otimo tutorial e bem fácil de fazer, :D adorei flor.


    siteiloveit.blogspot.com.br

    ResponderExcluir
  2. Fica muito fofo, mas as minhas tags, comentários, etc ficam abaixo do título, aí não dá pra fazer isso
    Beijos,
    Sim Senhorita (Se você quiser que eu coloque o link, é só me avisar por comentário que eu coloco, mas é pelo blogger excluir os blogs por "spam" que eu não estou colocando mais)

    ResponderExcluir
  3. Ameei seeu blog fofa *--*
    www.sonhossemsaida.blogspot.com.br

    ResponderExcluir
  4. Adorei o tutor fofa *-*
    Super facil de fazer !!

    senhoritaambulante.blogspot.com.br/

    ResponderExcluir
  5. Super legal o tuto flor,
    Muito facil de fazer ;
    Beijos da Lia /*
    senhoritaambulante.blogspot.com.br/

    ResponderExcluir
  6. Adorei o tutorial ! :)

    http://bomb-of-chocolate.blogspot.com.br/

    ResponderExcluir
  7. awn amore, Obrigada por visitar o Bolha Doce. Amei muito seu blog.
    Beijinhos da Fabi ;*

    http://Bolhadoce.blogspot.com

    ResponderExcluir
  8. Muito útil o tutorial! Acho lindo o resultado dele, ótimo!!

    Garota Vertigem | blogspot (O Google está considerando spam comentários com link, e por isso está excluindo blogs, então pra ver meu blog clica no perfil)

    ResponderExcluir
  9. Flor, você foi retirada dos afiliados, pois vamos abrir novas vagas e renovar as já ocupadas. Pode nos tirar também!
    contando de baixo pra cima, somos a 2º da 3º fileira.
    Obrigada.

    ~Meu jardim Secreto~

    ResponderExcluir
  10. Olá!

    Adorei seu blog, seus post são ótimos e já estou
    seguindo para ficar sempre por dentro das novidades!

    Te espero no meu blog também:

    www.todacharmosa.com

    Se quiser me seguir, agradeço! Vou adorar te ver por lá *-*

    Beijão ♥

    ResponderExcluir