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..
2°- Agora Apague tudo que estiver abaixo dele até essa tag: }
3°- Depois que apagou o código, cole esse abaixo no lugar dele:
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:
Por esse:
Aqui em baixo tem alguns backgrounds que achei na net:
Espero que tenham gostado,
Aproveitem o tutorial..
Comentem..
Beijos e voltem sempre...
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 Tudo4°- A legenda já esta incluída no código, que vai explicar o que é pra fazer.
----------------------------------------------- */
.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-------------------
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...
SORTEIO:
ResponderExcluirhttp://meu-capricho.blogspot.com.br/2012/06/sorteio_7178.html
muito bom o tutorial,gosto muito aqui do blog porque tem de tudo um pouco e me ajuda muuiiiiiiiiiiiiiiiiiito!!
ResponderExcluirwww.menina-suflair.blogspot.com
Deby esse seu tutorial ficou demais!
ResponderExcluirEstá muito lindo e explicadinho
parabens!!
http://semcontrole.net.tc
Ah! Esse efeito fica bonito!
ResponderExcluirEu já tenho em meu blog pois, já veio quando instalei :D
Beijos :*
http://leticiac04.blogspot.com.br/
mega divo seu lay,bjs
ResponderExcluirso-pra-teens.blogspot.com
otimo tutu é sempre bom capricha em cada detalhe!
ResponderExcluirhttp://kelly-club.blogspot.com.br/
ah mega seguindo!
ResponderExcluirhttp://kelly-club.blogspot.com.br/
Ah fica mt massa mesmo!!
ResponderExcluirBEIJUXX
http://ianapaulinhaaaa.blogspot.com.br/
Você a GessyBey sempre ajudando as pessoas com esses tutoriais! Parabéns!
ResponderExcluirBeijos.
Kika/Acessarte.
www.blogacessarte.blogspot.com
www.acessarte.com (loja virtual)
Ótimo tutorial, é super fácil :)
ResponderExcluirBeeijos,
www.blogmundodamoda.com
Oii.
ResponderExcluirVim conhecer o blog, achei super legal, cheio de dicas interessantes.
Já estou seguindo===*
Te convido a conhecer o meu.
Beijos;*