10 de dez de 2012

Tutorial: personalize o rodapé das postagens

Tumblr_mekl9gguid1rsijfmo1_500_large

Hello cutes! Tudo bem? Finalmente consegui internet, depois de um longo período de postagens programadas. Bom, vamos ao que interessa! A pedido de uma leitora, trouxe este tutorial para vocês: como personalizar o rodapé das postagens. Vamos conferir? Clique em leia mais!
créditos: Jackie Dream


Vá no HTML do seu blog  procure por: 
 .post-footer {

Se você nunca tiver mexido nessa área do template ele irá aparecer acompanhado pelo seguinte código:
.post-footer {
  margin: .5em 0;
  line-height: 1.6;
}

Substitua todo o código acima pelo código abaixo:

.post-footer {
border-top:1px dotted #000000;
background-image:url('http://i.imgur.com/eY1NS.png'); background-repeat:no-repeat;
font-family: 'Cookie', cursive;
font-size: 16px;
letter-spacing:1px;
margin:0.73em 0;
padding:5px 8px;
text-transform:none;
}
.post-footer a{
color: #FF1493;
text-decoration:;
font-weight: ;
background-color: #FFFF00;
}
.post-footer a:hover{
color: #FFFF00;
text-decoration:none;
background-color: #FF1493;
}
.comment-link {
margin-left:17px;
magin-top:500px;
color: #ccc;
background-color: #FFFF00;
}

Agora basta você editar os códigos destacados em negrito para que o rodapé fique do jeito desejado! Aconselho a utilização dessa tabela de cores.

9 comentários:

  1. mto legal esse tutorial !!World Teen!!

    ResponderExcluir
  2. Acho muito fofo a personalização daqui *-* Ótimo tutorial!
    candy-grape

    ResponderExcluir
  3. Já conhecia esse tutô, eu uso ele e fica super lindo! Beeijs!
    pqngarota.tk

    ResponderExcluir
  4. Oiie flor,ameii ameii seu blog,muito P-E-R-F-E-C-T,já estou seguindo,segue de volta??,vim convidar você para conhecer meus cantiinhos rsrs,no início de 2013 vou voltar a postar no blog,no o canal e na fanpage,em breve terão muitas e muitas novidades rsrs,estou contando a sua visitinha hein rsrs,agradeceria muito muito mesmo se pudesse se inscrever no meu canal,seguir o meu blog e curtir minha fanpage,retribuo todas.
    Vou deixar aqui o link das minhas redes sociais,espero sua visiitinha rsrs:

    Blog:http://luxodemeninapink.blogspot.com.br/
    Canal:http://www.youtube.com/channel/UCEy5CtjxXfi_lrbEwXgs7Bw?feature=mhee
    Fanpage:http://www.facebook.com/clarafrutuoso
    Facebook:http://www.facebook.com/barbieclara.frutuoso
    Qualquer dúvida:http://ask.fm/BarbieClara
    Beijoquinhas pink
    Que Deus te abençoe

    ResponderExcluir
  5. omg *-* muito obrigada, assim que eu personalizar o meu eu coloco os créditos na minha postagem :)

    ResponderExcluir
  6. Tutorial muito bom e últil, adorei. Agora, pra falar a verdade, estou apressada, mas quando tiver tempo vou fazer,logo que voltar do meu inglês e puder entrar. Adorei o seu blog, hiper lindo tudo, os posts, o design, etc.
    Já estou seguindo, se puder visitar o meu blog e seguir tbm ;)
    Bjs,
    www.eloucurass.blogspot.com

    ResponderExcluir
  7. Fica muito lindo!! Amei demais o tutorial amore, beijinhos <3

    Explodindo Glitter

    ResponderExcluir
  8. Muito legal o tutorial. Seu blog é muto fofo!

    Da uma olhadinha no meu http://mariiblogofficial.blogspot.com/ e se gostar segue!! =)

    ResponderExcluir
  9. Adorei o tutorial. Visita meu blog! www.semblablabla.net

    ResponderExcluir

LEIA ANTES DE COMENTAR
-não faço parcerias, apenas afiliações
-"segue meu blog" ou "seguindo, segue de volta" - só seguirei os blogs que eu realmente gostar, okay?
-não aceito tags nem selinhos
-deixe o link do seu blog no fim do comentário para que eu possa retribuir a visita