Post Footer para fora da área de postagem

Boa noite bunnys. Trago um rápido tutorial, que achei bem útil e realmente estava atras dele a bastante tempo. Achei ele no blog KW, o efeito que estou falando e colocar o Footer das postagens com as pontas para fora como se diz no titulo "para fora da área de postagem". Não tive tempo de fazer em algum blog de teste então espero que tenham entendido o que eu disse rs. Mas vamos lá ao tutorial.

1. Vá até Design > Editar HTML e procure por .post-footer {. e abaixo dele, antes de fechas as chaves.
Abaixo de { e antes do } cole esse código:

Códigos

background-color: #f8f7f7; 

padding: 13px; 

margin-bottom: 18px; 

margin-left: -35px; 

margin-right: -35px; 

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

box-shadow: 2px 0px 5px #ece3b1;

2. Agora vamos personalizar a fonte, ainda dentro de seu HTML procure por ]]></b:skin> e antes da tag, cole:

Códigos

 .post-footer-line-1{
font-size:12px;
color: #070707;
}
.post-footer-line-2{
font-size:12px;
color: #070707;
}

 Agora é só personalizar da forma que desejar.