9.12.15

Personalizando o rodapé da postagem



Oi, Lírios! Como estão?

Hoje vou ensinar a vocês como personalizar o rodapé da postagem, aquela parte que nos mostra o número de comentários, quem postou e que horas foi postado. Vamos lá?

Vá em editar HTML. Clique na caixa de edição e aperte CTRL+F. Procure por .post-footer{ . Estará assim:


Apague e substitua por:

/**** Início rodapé da postagem personalizada ***/
.post-footer {
margin-top:15px; /* margem do topo do rodapé */
background: #fcc2f3; /*cor do fundo do rodapé */
padding: 3px 3px 0 7px; /*espaço interno do rodapé */
color: #fff; /*cor da letra do rodapé */
font-size: 11px; /* tamanho da letra do rodapé */
}
/*** Fim rodapé da postagem personalizada por lirioescarlate.blogspot.com***/


Ficará assim:

Pronto! Fácil, não?

Vou deixar aqui mais três modelos de rodapé e a edição de cada um para vocês se inspirarem:


/**** Início rodapé da postagem personalizada ***/
.post-footer {
margin-top:15px; /* margem do topo do rodapé */
background: #fff; /* cor do fundo do rodapé */
border: 1px dotted #000; /*borda do rodapé*/
padding: 3px 3px 0 7px; /*espaço interno do rodapé */
color: #c363a9; /*cor da letra do rodapé */
font-size: 11px; /* tamanho da letra do rodapé */
}
/*** Fim rodapé da postagem personalizada por lirioescarlate.blogspot.com***/


/**** Início rodapé da postagem personalizada ***/
.post-footer {
margin-top:15px; /* margem do topo do rodapé */
background: #fff; /* cor do fundo do rodapé */
border-top: 1px solid #b4b4b4; /* borda de cima do rodapé */
border-bottom: 1px solid #b4b4b4; /* borda de baixo do rodapé */
padding: 3px 3px 0 7px; /*espaço interno do rodapé */
color: #c363a9; /*cor da letra do rodapé */
font-size: 11px; /* tamanho da letra do rodapé */
}
/*** Fim rodapé da postagem personalizada por lirioescarlate.blogspot.com***/


/**** Início rodapé da postagem personalizada ***/
.post-footer {
margin-top:15px; /* margem do topo do rodapé */
background: #fcbcea; /* cor do fundo do rodapé */
border-radius: 10px; /* borda arredondada do rodapé */
padding: 3px 3px 0 7px; /*espaço interno do rodapé */
color: #c363a9; /*cor da letra do rodapé */
font-size: 11px; /* tamanho da letra do rodapé */
}
/*** Fim rodapé da postagem personalizada por lirioescarlate.blogspot.com***/

Enfim, é isso! Caso tenha dúvidas é só comentar aqui em baixo! ;)

Até mais!

Nenhum comentário:

Postar um comentário

Related Posts Plugin for WordPress, Blogger...