DATA NOS POSTS EM FORMA DE CALENDÁRIO

Para colocar data em suas postagens personalizada como neste exemplo, vá até o HTML de seu blog e antes de ]]></b:skin> cole o código abaixo 

/*Datas das postagens-------------*/
.calendar {
margin: -6px 0 0 0; /*modificando os números o calendário sobe ou desce*/
float: right;/*se quer a esquerda substitua right por left*/
width:128px;
}
.calendar h4{
background: $bgcolor; /*cor de fundo*/
border: 1px solid $bordercolor; /*cor da borda*/
padding: 3px 0;
margin-bottom: 8px;
}
.calendar h4 span.day {
display: block;
float: right;
line-height: 24px;
font-size: 12px;
border-right:  2px solid $bordercolor;
padding-right: 5px;
}
.calendar h4 span.month, .calendar h4 span.year {
width: 88px;
}
.calendar h4 span.month {
display: block;
float: right;
font-size: 6px;
line-height: 10px;
padding-left: 4px;
text-align: center;
}
.calendar h4 span.year {
font-size: 12px;
display: block;
}

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

Agora depois de </head> cole o próximo código 

<div class='edit'>
<script type='text/javascript'>
function remplaza_fecha(d){
var da = d.split(&#39; &#39;);
dia = &quot;<span class='day'>&quot;+da[0]+&quot;</span>&quot;;
mes = &quot;<span class='month'>&quot;+da[1].slice(0,3)+&quot;<span class='year'>&quot;+da[2]+&quot;</span>&quot;+&quot;</span>&quot;;
document.write(mes+dia);
}
</script>
</div>

Agora salve. Clique em "Expandir modelos de widget" e procure pelo seguinte código:

<data:post.dateHeader/>

Substitua-o então por:

<div class='calendar'>
<h4 class='calendar '>
<script>remplaza_fecha('<data:post.dateHeader/>');</script>
</h4>

</div>