Como he hecho... Cambiar la fecha de blogger

Para crear el efecto posit con la fecha de creación del post he utilizado el siguiente código en css Que he encontrado en la web de bloggers templates:
<style type="text/css"><br />.miFecha {<br />float:left;margin:10px;padding:5px;text-align:center;<br />font-family:Trebuchet MS,Arial,Helvetica,sans-serif;<br />background-color:#EEEEEE;border:1px solid #999999;<br />}<br />.mimes {margin:0px;font-size:14px;color:#444444;<br />}<br />.midia {margin-bottom:-3px;font-size:22px;letter-spacing:-1px;color:#444444;<br />}<br />.mianio {margin-top:-2px;font-size:16px;color:#444444;<br />}<br /></style>

He buscado en el código de mi template original hasta que he encontrado la variable en css que hace referencia al código que pone la fecha de blogger.
Se llama en mi caso h2.DateHeader (estaba claramente diferenciado por la sección de código referente a los Posts) Si no se puede encontrar abriendo el blog y apuntando con FireBug a la fecha de cualquiera de los posts del blog y viendo en el código el nombre

Pero esto no quedará bien ya que el texto de la fecha coincidirá con los atributos del h2 definidos para el css (en mi caso) asi que
tras bastante tiempo buscando la forma de cambiar el css del que hereda el texto de la fecha (me dió por dale a la opción "Expandir plantillas de artilugios")

Mi objetivo se encuentra en la linea donde aparece , ahí hay que cambiar esto por una capa con un enlace a un javascrip que definiremos luego.

Entonces sustituimos esa linea por:
<div id="miFecha"><script>cambiarFormatoFecha('<data:post.dateheader/>');</script>
</div> 

es decir cogemos la fecha que proporciona blogger para ahora crearnos un script que cambie el formato, para que este script funcione tendreis que haber seleccionado antes el formato:

"jueves, diciembre 14, 2009"

(es el primero que aparece en las opciones.
 


Luego solo tendremos que definir la función cambiarFormatoFecha con un script que coja la variable definida por blogger y la sustituya:

<script type="text/javascript"><br />function cambiarFormatoFecha (fecha){<br />  var mifecha = fecha.split('-');<br />  fday = "<div class="'midia'">"+mifecha[0]+"</div>";<br />  fmonth = "<div class="'mimes'">"+mifecha[1]+"</div>";<br />  fyear = "<div class="'mianio'">"mifecha[2]+"</div>";<br />  document.write(fmonth+fday+fyear);<br />}<br /></script>


Destripando un poco el script se puede ver que coge el string que se le pasa y con la función split separa las cadenas de palabras por los guiones (-) y las guarda en un array con el nombre de variables fday, fmonth y fyear. Depues devolvemos dichas variables.

Esto puede darle un aspecto a nuestra fecha tal que así:

</data:post.dateheader><div style="text-align: right;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://i140.photobucket.com/albums/r25/JMiur/Idemo_txt.png"><img style="cursor: pointer; width: 44px; height: 76px;" src="http://i140.photobucket.com/albums/r25/JMiur/Idemo_txt.png" alt="" border="0" /></a>
</div><data:post.dateheader>