13 junho 2012

Personalizando o post footer

Olá pessoal, mexi tanto no html do blog de testes, que fiquei por dentro de alguns tutoriais super bacana, e decidi postar aqui no blog. Então vou postar um aqui super legal pra vocês..
vocês vão aprender a personalizar o post footer, onde fica os marcadores, a hora, o autor do post..

1°- Vá lá no HTML do seu blog e procure por:
.post-footer {
para saber o que fazer com esse código, clique em leia mais...

2°- Agora Apague tudo que estiver abaixo dele até essa tag: }
3°- Depois que apagou o código, cole esse abaixo no lugar dele:

/* Post Footer// Código Deby Sabe Tudo
----------------------------------------------- */
.post-footer {
background: #ff50ff; */fundo do post footer /*
border-radius: 10px 10px 10px 10px; */Borda arredondadas, se não quiser, retire/*
border: 1px solid #000000; */bordas, se não quiser retire/*
}
-----------Fim do código-------------------
4°- A legenda já esta incluída no código, que vai explicar o que é pra fazer.
5°- Depois visualize e veja se está tudo Ok, depois salve seu template.
6°- Se você quiser, em vez da cor, você pode colocar uma imagem, trocando esse código:
background: #ff50ff; */fundo do post footer /*

Por esse:
background: url (URL DA SUA IMAGEM);
Aí você edita, onde esta escrito " URL SA SUA IMAGEM " você vai colocar o url da sua imagem (background).


Aqui em baixo tem alguns backgrounds que achei na net:


      
      

Espero que tenham gostado,
Aproveitem o tutorial..
Comentem..
Beijos e voltem sempre...

11 comentários:

  1. SORTEIO:
    http://meu-capricho.blogspot.com.br/2012/06/sorteio_7178.html

    ResponderExcluir
  2. muito bom o tutorial,gosto muito aqui do blog porque tem de tudo um pouco e me ajuda muuiiiiiiiiiiiiiiiiiito!!
    www.menina-suflair.blogspot.com

    ResponderExcluir
  3. Deby esse seu tutorial ficou demais!
    Está muito lindo e explicadinho
    parabens!!

    http://semcontrole.net.tc

    ResponderExcluir
  4. Ah! Esse efeito fica bonito!
    Eu já tenho em meu blog pois, já veio quando instalei :D

    Beijos :*
    http://leticiac04.blogspot.com.br/

    ResponderExcluir
  5. mega divo seu lay,bjs
    so-pra-teens.blogspot.com

    ResponderExcluir
  6. otimo tutu é sempre bom capricha em cada detalhe!
    http://kelly-club.blogspot.com.br/

    ResponderExcluir
  7. ah mega seguindo!
    http://kelly-club.blogspot.com.br/

    ResponderExcluir
  8. Ah fica mt massa mesmo!!



    BEIJUXX
    http://ianapaulinhaaaa.blogspot.com.br/

    ResponderExcluir
  9. Você a GessyBey sempre ajudando as pessoas com esses tutoriais! Parabéns!


    Beijos.

    Kika/Acessarte.

    www.blogacessarte.blogspot.com
    www.acessarte.com (loja virtual)

    ResponderExcluir
  10. Ótimo tutorial, é super fácil :)

    Beeijos,
    www.blogmundodamoda.com

    ResponderExcluir
  11. Oii.
    Vim conhecer o blog, achei super legal, cheio de dicas interessantes.
    Já estou seguindo===*
    Te convido a conhecer o meu.
    Beijos;*

    ResponderExcluir

Créditos Blog Conectada| www.blogconnectada.blogspot.com - 2014 // Todos os direitos reservados // Para encomendar entre em contato.