Rodape de post personalizado!

Tutorial por Too-Kawaii

Como por:

No HTML do seu blog (Modelo > Editar HTML > Dentro das tags B:Skin) procure por  /* Posts  e cole o código a seguir antes do h3.post-title

.post {background: #fff url(URL DA IMAGEM AQUI) no-repeat bottom left;padding: 0px 10px 28px 10px;margin: 0 0 27px 0;border-radius: 20px;}

Explicação do código:

Background: Existem duas propiedades uma de cor #fff e a outra de imagem, certo? A de cor irá ficar no post inteiro, englobando título, texto e o rodapé, já a imagem está definida com "no-repeat bottom left" que significa que ela só vai aparecer uma vez em baixo na esquerda.

Padding: As propriedades definem a numeração de espaçamento interno de cada lado, sendo primeiro em cima, segunda na esquerda, terceira em baixo e a quarta a direita. Como vocês podem perceber, o padding-bottom ( terceiro número ) que define em baixo é o que tem a maior numeração, que suportará a imagem. Isso que definirá o post-footer no seu post, deixando-o alinhado.

Margin: É o espaçamento externo, a distância que um post terá do outro.

Border-radius: Arredondamento dos cantos.

Lembrando que a url da imagem deve ter o mesmo tamanho que sua caixa de posts, para saber isso tem um método muito fácil. Nesse mesmo código, troque o #fff por #ff0000 (vermelho) e ai printe. Dá pra jogar num editor de imagens e selecionar o número de píxels em vermelho que apareceu.