Bueno amigos de mundo blogger en esta ocasion les enseñare como poner la Fecha tipo calendario en las entradas del blog


Lo primero que haremos es ir a Configuración | Formato | Formato de cabecera de fecha, y cambia la fecha de manera que quede primero el día, luego el mes y por último el año



Si usas la nueva interfaz entonces entra en Configuración | Idioma y formato | Formato de cabecera de fecha, y cámbiala de igual forma.


Ahora entra en la Edición HTML de la plantilla, marca la casilla Expandir plantillas de artilugios y busca esta línea:
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>



Es posible que la encuentres dos veces, la segunda es la que nos interesa.
Ya que la hayas localizado elimínala y en su lugar pon esto:
<div id='Fecha'>
<script>cambiarFecha(&#39;<data:post.dateHeader/>&#39;);</script>
</div>
<b:else/>
<div id='Fecha'>
<script>cambiarFecha(&#39;&#39;);</script>
</div>


Ahora agrega antes de </head> lo siguiente:


<script type='text/javascript'>
//<![CDATA[
var FechaCalendario; 
function cambiarFecha(d){
if (d == "") {
d = FechaCalendario;
}
var da = d.split(' ');
dia = "<strong class='fecha_dia'>"+da[0]+"</strong>";
mes = "<strong class='fecha_mes'>"+da[1].slice(0,3)+"</strong>";
anio = "<strong class='fecha_anio'>"+da[2]+"</strong>";

document.write(mes+dia+anio);
FechaCalendario = d; 
}
//]]>
</script>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
/* Fecha tipo calendario
----------------------------------------------- */
#Fecha {
display:block;
  text-align:center;
  float:left;
  background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7iYbBSVmlSQ49RRhbRPgqPcLXyFS9dum2TTCDdVUSAjmeDYL3NRPdUKn3eIbdqZLxEUyqIeKc5ixGRck6zKnrGhCEX1Kjy0XnjIG-E8FQqki5F1PcwLUzn5bQmibImFzDQeBX6x6bt2OZ/s1600/dateicon.gif') no-repeat;
  width:40px;
  height:40px;
  margin: 0px 5px 5px 0px;
  text-align:center;
}

.fecha_mes {
display:block;
 font-size:10px;
 color:#FFFFFF;
 text-align:center;
 margin:0;
 padding:0;
}

.fecha_dia {
display:block;
  font-size:18px;
  color:#252525;
  text-align:center;
  margin:0;
  padding:3px 0px 0px 0px;
}

.fecha_anio {
display:block;
  font-size:10px;
  color:#252525;
  text-align:center;
  margin:0;
  padding:1px 0px 0px 0px;
  //padding:2px 0px 0px 0px;
}
</style>
</b:if>


Bueno me despido deseándoles un buen día y dejando les un demo del truco

DEMO