Personalizando o post footer.

Hey gente, voltei. Alguém aí percebeu que eu passei dias e dias sumidas daqui? Para começar, eu passei o fim de semana inteiro bolando algo pro blog, no caso a tal surpresa. Na verdade é um layout novinho em folha (porque esse aqui já está pra lá de antigo -q) e se der tudo certo mais uma coisa pra animar o blog que têm haver com o mêsversário - como diz a Be. Já para não completar os quatro dias sem atualizações, vim postar um tutorial da personalização do post footer. Essa área aqui em baixo onde ficam quem postou, as tags e o resto vocês sabem. 

Modelo


O modelo do post footer é o que eu uso aqui no layout, caso você não tenha tido oportunidades de ver qual é aí está o print dele. Ele têm uma barra na lateral, como um estilo de blockquote e o fundo é personalizável, apesar de não parecer por estar branco. Aproveitando a oportunidade, obrigada ao Love Luv pelo código do modelo <3


Tutorial

Em "Editar HTML" aperte F3 e na caixa de pesquisa coloque .post.footer {

Caso você não tenha personalizado esta área abaixo virá:
.post-footer {
  margin: .5em 0;
  line-height: 1.6;
}

Substitua por:

.post-footer {
background: #D8BFD8 /*cor do fundo*/
color: #ffff; /*cor da fonte*/
border-left:6px solid #D8BFD8  ; /* espressura e cor da borda*/
margin:0.73em 0;
padding:3px 3px;
}
.post-footer a{
color: #9783A9;
text-decoration:;
}
.post-footer a:hover{
color: #000;
text-decoration:none;
}

Visualize e se tudo estiver conforme mostrado, salve. Não têm erro, mas caso haja algum probleminha me falem ok? Antes que eu me esqueça, os comentários serão todos respondidos nessa semana; deste e dos posts anteriores. Sorry, sorry. /Anna.

35 comentários:

  1. Curti esse tuto, deixa o blog muito fofo *U*
    Não vejo a hora de ver o novo layout do blog, haha.
    Um super beijo, Just Pony

    ResponderExcluir
  2. AHHHHHHH, me enteressei por esse tuto,
    ><, ja coloquei no meu lay! *o*
    Amora Azeda

    ResponderExcluir
  3. Legal esse tutorial! Acho que vou usar :*

    ResponderExcluir
  4. Muito legal o tutorial Ana,fica um resultado simples porém fofo!
    bangteen.blogspot.com

    ResponderExcluir
  5. Fica muito bonito, Ana!
    Depois vou tentar no meu.

    Beijos,
    Mundorosaachock.blogspot.com

    ResponderExcluir
  6. Muito legal! Adorei, mas nunca funciona no meu blog! Vamos ver se esse dá!
    XoXo...
    Batom De Framboesa

    ResponderExcluir
  7. Amei o tutorial o resulaado e simplemente lindo .
    Ah posso fala a verdade em meu blog fiquei um tempinho sem meche tbm , ai e claro nao deu para visita o blogs q amu e tal .
    Mas sempre sento saudade de seu poste flor .
    Espero que chega rapido este `mesversario` Amei a palavrinha nova .

    Bjim

    Espero sau vista linda em meu blog ok ??

    ResponderExcluir
  8. Fica bem legal do seu jeito, mas eu personalizei de outro. Fica ótimo pra separar uma postagem da outra e mostrar o fim delas, né? Super útil. Ah xará, meu e-mail tá aqui: itsannateles@hotmail.com Me mande lá, hoje a noite ou amanhã eu vejo, ok?

    Beijos,
    Anna
    garota-queen.blogspot.com

    ResponderExcluir
  9. Amei o tuto, eu uso um tuto um pouco diferente desse, mas amei deste modo *0* ! Talvez eu use no próximo lay !

    Beijos, Larissa
    the-lovers-official.blogspot.com
    Encomende um lay: portifolio-lary.blogspot.com

    :3

    ResponderExcluir
  10. Boa dica, fica bem legal.♥

    PiinkCookie*blogspot*com

    ResponderExcluir
  11. Sempre com dicas boas, aguardo o novo layout, mas eu também adoro esse rs

    ResponderExcluir
  12. Adorei o tutorial! O resultado é mega fofo mesmo :3
    Aaaah, que isso, esse lay não é velho não! Mas agora to doida pra ver o novo, tenho certeza que vai estar lindo demais ^^
    Ótimo post!
    Beijinhos :*

    PiinkCookie.blogspot.com

    ResponderExcluir
  13. Muito bom o tutorial.
    Mega útil!

    Beijo ;*
    senhorita-insana.(blogspot.com) ~sem parênteses *3*

    ResponderExcluir
  14. Nyaa' Adorei o tuto, super fácil de fazer e útil. Fica uma gracinha *-----*

    Talvez eu vá usar no meu novo layout, ^-^

    Neko Girl ~

    ResponderExcluir
  15. ótimo tuto ^^
    http://s2hay. blogspot.com/

    ResponderExcluir
  16. o tuto é bem fácil e faz uma grande diferença no laay!

    Beijos!
    upgrade-br.blogspot.com.br

    ResponderExcluir

  17. Ah obrigada pela visita !
    Volte sempre .
    Clique no meu perfil e em (blog maluco) .
    Bjokas malucas

    ResponderExcluir
  18. Adorei o tutorial, o resultado fica lindo, vai me ajudar no meu próximo layout ♥

    Closet Teen.

    ResponderExcluir
  19. Conheci seu blog e adorei!

    Estou seguindo-a.

    abraços!

    ResponderExcluir
  20. O meu também é personalizado, mas uso de outra forma. esse modelo é lindo também, o tutorial ficou ótimo ;)

    Beijos, momamoraes.blogspot.com

    ResponderExcluir
  21. Muito legal o tutorial.
    Por acaso,ainda não conhecia e fiquei feliz em ver. :D

    Beijoos
    Hayanne Deise Lins
    >> Profissão Adolescente

    ResponderExcluir
  22. o meu ja é personalizado :D
    super útil o tuto (:

    blogportalteen.blogspot.com

    ResponderExcluir
  23. Ótimo tutorial, fica muito lindo :)

    www.blogmundodamoda.com/

    ResponderExcluir
  24. suuper útil esse tutu! adoreei <3
    Bezoos :3

    ResponderExcluir
  25. Adorei o tutorial , mas ja tenho tudo personalizado la no blog,
    e agora que eu mudei um pouco as coisas nao vai dar pra mexer.Mas quem sabe mais pra frente eu nao testo ne? : )

    Beijos,
    http://www.paaradateen.com !

    ResponderExcluir
  26. Nunca tinha visto nenhum Footer personalizado dessa forma, super diferente e legal *-*
    Bjão Anna :)
    blog-part-of-me.blogspot.com.br

    ResponderExcluir
  27. o efeito é bem fofo! adorei o tutorial!

    ResponderExcluir
  28. Nossa, eu tava doida por esse tuto Anna, telepática Ú.Ú
    Fica muuito fofo <3
    garotadoolharsincero.blogspot.com

    ResponderExcluir
  29. Sim, Anna! Aceito fazer um concurso com você. Estou meio de castigo, sabe? Então só tô podendo ficar 1 hora no computador haha. Me mande um e-mail explicando melhor como vai fazer isso. Agora estou saindo mas amanhã dou um jeito de ver e de falar contigo. Pode ir postando aqui se quiser, amanhã posto no GQ. Ou deixe pra nós duas postarmos amanhã, acho melhor? Vou fazer o banner e etc já, ok? Pode ser "Concurso World Cutest e Garota Queen"? É bem simples mesmo, mas tem que ser assim com o nome dos blogs pras pessoas saberem onde tá acontecendo. Me manda um e-mail daí: itsannateles@hotmail.com

    Beijos,
    Anna
    garota-queen.blogspot.com

    ResponderExcluir
  30. Muito legal o tutorial, super útil para meu novo lay =)

    diamantesdeumagarota

    ResponderExcluir
  31. Adorei o tutu otimo
    Sweet Bomb Girl(Ve no meu perfil)

    ResponderExcluir
  32. Amei o tutorial, o resultado fica lindo *u*
    Kisses :3
    Garotas Atrevidas ~

    ResponderExcluir
  33. Adorei o tutorial, super útil!

    blog-onedream .blogspot .com

    ResponderExcluir
  34. Adorei essa forma de personalizar a post footer !
    Nunca tinhas visto dessa forma, adorei, super fofo <3

    Kisses~~> http://uma-unicornia.blogspot.com.br/

    ResponderExcluir
  35. Muito Legal talvez uso no meu Proximo Lay <3

    ResponderExcluir

Muito obrigada por expressar a sua opinião! ;)
O Chez Anna é um blog totalmente averso à comentários ofensivos e preconceituosos. Não se esqueça das boas maneiras que a mamaim ensinou, tá? Educação gera educação! Vem espalhar amor com a gente! < 3

{more: fan page | twitter | tumblr}

Postagens populares