Visualizar

Personalize a footer das postagens facilmente


22 fevereiro 2012

Tumblr_lrlahk3aae1qgd3o2o1_500_large_large

Eu vi isso lá no Trechy Teen e achei lindo, claro, fiquei super curiosa para colocar aqui e fui tentar descobrir como se faz, e consegui! Gente, nem é tão difícil, vim aqui compartilhar com vocês como se faz, vamos aprender?

Vá em design -> Editar html -> Dê um CTRL + F e procure por: .post-footer {
Quando encontrar substitua todo o código que vem junto com ele e acrescente esse:

.post-footer {
  margin: .5em 0;
  line-height: 1.6;
background-color: #FFE4E1;
border-top: 1px dashed #696969;
font-weight: bold; 
}

#FFE4E1 É a cor do fundo, você pode encontrar mais cores nesta tabela
#696969 É a cor da borda, se não quiser borda, basta apagar todo esse código.

Estava tão na cara e eu demorei um tempão mexendo nos códigos, minha cara e a de vocês:

40 comentários:

  1. Adoreiiii a dica!.. Seu cantinho arrasa flor!!!

    bjinhosss
    http://www.minhavidameusvicios.com/

    ResponderExcluir
  2. Adooorei! No meu próximo layout vou usar isso! :D
    http://trinitrotoluenohead.blogspot.com

    ResponderExcluir
  3. Oii, já te linkei! *-*
    Agora... só falta você! =D
    Beijo!
    Likeaamericangirl.blogspot.com

    ResponderExcluir
  4. ótimo tutorial, já fiz um desses no Ecleticus também..

    #Ah, é a empresa que convida, ela entra em contato com você e faz a proposta. ;)

    http://www.ecleticus.com

    ResponderExcluir
  5. amei que demais , as dicas perfeitas =]
    beijinhos :)

    http://priscilalirow.blogspot.com/

    ResponderExcluir
  6. Adorooooooooo
    Sempre arrasando heeeeim
    Tutorial bem explicadinho ♥
    ;)
    beeeeijo

    http://blog-moderninho.blogspot.com/
    http://modernaedelicada.blogspot.com/

    ResponderExcluir
  7. Tuto maravilhoso, mas por enquanto prefiro não mexer nessa parte rsrs. Plum tá viciada em memes em! Kiss >> charmenaveia.blogspot.com

    ResponderExcluir
  8. Adorooooooooo
    Sempre arrasando heeeeim
    Tutorial bem explicadinho ♥
    ;)
    beeeeijo

    http://blog-moderninho.blogspot.com/
    http://modernaedelicada.blogspot.com/

    ResponderExcluir
  9. Adorei o tuto :)

    Bjs,
    Giih!

    http://blogdasmeninasblogueiras.blogspot.com

    ResponderExcluir
  10. Adorei o tutorial, vou tentar fazer, parece ser bem simples. Primeira vez que venho aqui e acho muito lindo o seu blog, amei.
    primeirapessoa-dosingular.blogspot.com

    ResponderExcluir
  11. ótima dica!!!^^

    não sabia disso..rs


    beijos flor

    Taa L.

    www.cerejarocks.com

    ResponderExcluir
  12. Oiii flor
    Acabei de conhecer e adorei.
    Muito bom o tutorial.
    Vou voltar mais vezes.
    Beijos

    ResponderExcluir
  13. Adorei o tutorial! Ah, tem uma tag pra você no meu blog =)

    Layla
    www.blogsaiudoforno.blogspot.com

    ResponderExcluir
  14. Amei o tutorial *-*
    Vou tentar fazer la no BT!!

    Beijos, Lili - Blogdatalitaa.blogspot.com

    ResponderExcluir
  15. hahaha, muito bom esse tutu flor !

    Amr, da uma passadinha no meu blog ? Você vai adorar as inspirações de unhas que tem lá .
    (: beijos, http://garota-fashiion.tk

    ResponderExcluir
  16. HAHA fácil e legal = tdb!

    Beijão
    Ana
    meninasantenadas.tk

    ResponderExcluir
  17. Que legal! Ficou bem legal seu tutorial!
    Bjs
    http://blogtrashrock.blogspot.com/

    ResponderExcluir
  18. Otimo tutu proximo lay vai ta la no blog! flor queria te pedi um favor vota em mim no concurso que ta rolando nesse blog: http://blogthelifeofgirls.blogspot.com/ ja voltei em você nos dois blogs e espero que ganhe! vou ficar muito feliz! ah tem selinho pra você la no blog! http://kelly-club.blogspot.com/2012/02/novos-selinhos-do-blog_23.html espero que goste!

    ResponderExcluir
  19. asuhdaiuhdsd XD
    Acontece flor, eu também não sabia rsrs

    Bjinhuss

    http://akemi-takarai.blogspot.com

    ResponderExcluir
  20. Muito fofo flor! Você tbm sempre com tutoriais super lindinhos! Ameii mesmo.
    Beijos!
    http://palomaviricio.blogspot.com

    ResponderExcluir
  21. É essa a cara mesmo, kkkkk
    http://pinkpimenta.blogspot.com/

    ResponderExcluir
  22. Adorei o tutorial, super legal e facíl ! Amei ! Muito útil !

    Obrigada por comentar, volte sempre ♥
    www.ingridsakamotodosantos.tk/

    ResponderExcluir
  23. Flor, vim te avisar! Quarta-feira vai começar o quadro 'Fala blogueira'.

    Então, o tema vai ser "Amizade entre homem e mulher existe?"

    Me avisa se vc quer dar opinião sobre isso, para eu passar meu e-mail para que vc mande.

    beijos

    Taa L.

    www.cerejarocks.com

    ResponderExcluir
  24. HAHA' que legal *_* parabéns pelo tutotial!

    http://jackiiguimaraes.blogspot.com/

    ResponderExcluir
  25. Oi, tem tag pra você lá no blog!
    Beijos
    www.t-w-o-teens.blogspot.com

    ResponderExcluir
  26. Oiee...
    Tem uma tag pra vc lá no meu blog.
    Espero que goste. :)
    http://alinecuerci.blogspot.com/2012/02/respondendo-tag.html

    ResponderExcluir
  27. Tuto fácil e útil, adorei o post de pessoas que visitam sua casa ali de baixo, riii demais! kkk
    amei tudo aqui, já to seguindo!

    http://girlsgarotasonline.blogspot.com/

    ResponderExcluir
  28. Olá,Venho pedir uma coisa o blog Vida de Adolescente, está com um novo concurso um Gift-O-Meter (Teen), e está cheio de prêmios ótimos se você tiver interesse, vá nesse link e veja os detalhes :

    http://vidadeadolescente-blog.blogspot.com/2012/02/gift-o-meter-teen-2-etapa-iniciada.html

    Agradeço mesmo se puder ir da uma olhada lá :)...

    ResponderExcluir
  29. Ual adorei o tuto *----*
    obs: essa primeira foto vc pegou lá da ganhadora do Fotografe uma ideia? é que eu acho que as fotos ganhadoras de lá não são disponibilizadas para uso, :/

    www.blogmundodamoda.com/

    ResponderExcluir
  30. Adorei o tutorial. Talvez no meu próximo design eu faça.
    Obrigada pelo comentário no meu blog. A Taylor é linda mesmo rsrs.
    Bjs, Raquel.

    http://morethanaworld.blogspot.com/

    ResponderExcluir
  31. Sem problemas :D é que a imagem nem era minha, daí iria implicar eu e a Ste por ter divulgado ehuehue

    www.blogmundodamoda.com/

    ResponderExcluir
  32. Adorei o tutorial,super fácil e fica lindo no blog,acho que vou usar ele no meu próximo design :)

    Bjs

    http://magicmih.blogspot.com/

    ResponderExcluir
  33. amei o tutu♥
    seguindo,segue de volta?
    girlsmeninaa.blogspot.com
    aah! to te esperando naão falte !
    beijos! ^*^!

    ResponderExcluir
  34. E lá vem a Plum com esses tutoriais perfeitos e mega práticos :)

    http://evelynrestyles.blogspot.com/

    ResponderExcluir
  35. Adoreii o tutu , muiito fáciil mesmo .
    cidadesodemeninas.blogspot.com

    ResponderExcluir
  36. Tem tag pra vc lah no blog !!!
    http://karolsgirls.blogspot.com

    ResponderExcluir
  37. Amei o tuto [:
    Já to seguindo o blog,se quiser retribuir linda *-*
    WAAAAAC;3 bymake.blogspot.com

    ResponderExcluir
  38. Aamei demais suas dicas são tops '
    Já estou seguindo viu flor .
    http://ariadynemorais.blogspot.com.br/

    ResponderExcluir

Todos os comentários serão respondidos. Obrigada e volte sempre! ✌ ♥