Personalizando o rodapé da postagem

Olá galerinha geek! 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!