Poner una imagen de calendario en la fecha de mi blog

Hoy, visitando varios blogs, he observado que muchos bloggers colocan la fecha de cada entrada dentro de una imágen de tipo calendario. He estado buscando varias imágenes y al final he encontrado una que queda bastante bien.

Asique os voy ha explicar como podeis hacerlo:

Lo primero que debemos hacer es cambiar el formato con el que muestra las fechas nuestro blog. Para ello nos vamos a configuración, formato y en la opción Formato de cabecera de la fecha elegimos la penúltima que aparece. Ejemplo: 05 agosto 2008.

Lo siguiente que debemos hacer es ir a edición de html, expandimos artilugios y justo antes de la etiqueta </head> pegamos el siguiente script:


<script>
function remplaza_fecha(d){
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(dia+mes+anio);
}
</script>



El siguiente paso será localizar la etiqueta <data:post.dateHeader/> y la sustituimos por el siguiente código:


<div id='fecha'>
<script>remplaza_fecha('<data:post.dateHeader/>');</script>
</div>


por último buscamos la etiqueta ]]></b:skin>
y justo encima pegamos lo siguiente:

/* Calendario-Fecha
-------------------- */
#fecha {
display: block;
float:left;
margin: 0 13px 0 0;
padding: 0 13px 8px 10px;
color: #333;
background: transparent url(VUESTRA IMAGEN) no-repeat;
border: 0;
width:65px;
height:50px;
}

.fecha_mes {
font-size: 13px;
margin: 4px 0 0 13px;
color:white;
display: block;
}

.fecha_dia {
margin: 7px 0 0 14px;
display: block;
font-size: 14px;
color:#448088;
}


Tendréis que cambiar VUESTRA IMAGEN por la url donde tengais alojada vuestra imágen. Si colocais una imágen distinta a la que tengo yo puesta, es probable que la fecha no aparezca demasiado colocada y tengais que modificar los valores del margin.

Aqui os dejo la url donde esta alojada la imágen que tengo yo colocada por si la quereis coger.

http://agudovk.googlepages.com/calendar.jpg

Cualquier duda consultarme