Código HTML/CSS para editar la fecha de un post en Blogger en plantilla Simple

A mi siempre me ha gustado la plataforma Blogger. Aun y con todo sus defectos y errores, me gusta que hasta cierta forma puedo "ingeniarmelas" para tratar de adaptar ciertas funciones en su interface (ni se que es, pero suena bien chido).

El chiste es que Blogger ha cometido muchos errores durante estos 10 años y uno de ellos es el de limitar opciones comunes y necesarias, en el panel de edición avanzada dependiendo de la planilla de blog que uses. PORQUE semejante estupidez?!

Mi gran frustración es que al usar la plantilla Simple - una de las que siempre he elegido por su mínima complejidad o facilidad para adaptar - no cuenta con la opción para editar el tipo de fuente y tamaño de la fecha del post. Esta opción esta ligada con los gadgets y pues me crea problema. Es decir, que si a mi me gusta el título de los gadgets en sidebars de forma gigantesca, la fecha del post se vería igual de grande.

Y gracias a esa frustración me guió a buscar una solución y aquí la comparto.

Primero que nada quiero aclarar que el código que voy mostrar es para que sea una solución sustentable, es decir que la fecha del post en Blogger pueda modificarse repetidas veces de una forma rápida y segura, sin tener que regresar a la sección de HTML para editarse de nuevo. Pero claro, ésta es la solución que la gente de Blogger debió haber hecho, no creen?

La meta es crear el área de Text Font dentro de la interface en Blogger (en la figura en cuadro rojo), para que cada vez que se nos antoje cambiar el formato de la fecha vayamos ahi para que se haga de forma rápida y sencilla, porque nadie tiene tiempo de andar refrescandose la memoria de como se editó el código HTML/CSS, verdad?

Código HTML/CSS para editar la fecha de un post en Blogger en plantilla Simple:

1. Crear "Text Font" box. Recuerda, esto no existe. Así que hay que crearlo primero para que aparezca en el area de edición avanzado siempre.

a. Como si fueras a editar tu blog, ve al area de HTML y  busca "Date Header" debe de aparecerte algo similar a esto:



b. Copia lo siguiente (esto es exactamente la información que creara la caja):

<variable name="date.header.font" description="Text Font" type="font" default="$(body.font)" value="normal bold 14px Oswald"/>

c. Pégalo inmediatamente debajo de . El orden en como aparece los elementos debajo de este grupo, es como aparecerán en la sección del Date Header del area de edición avanzada. A mí en lo particular me gusta que el tipo de fuente y tamaño aparezcan primero, así que los pondré primero en ese orden. El contenido se verá mas o menos así:

Si miras en el area avanzada, esa caja ya esta creada. Pero aun no podrás ver los cambios ya que falta conectar esa caja al blog. El siguiente paso te muestra como los conectaremos.

2. A la cajita que creamos antes le llamamos date.header.font (eso fue lo que copiaste del texto en la sección 1b).

a. En el area de HTML busca ".date-header" no se te olvide el puntito.

b. Copia exactamente todo lo que aparece aquí y pégalo antes del cierre " } " :

font: $(date.header.font);

Debe de verse así:

Esto hará que la caja que creamos se conecte al blog y haga los cambios que le ordenas.

Espero te sirva este código en HTML para editar el tamaño y tipo de fuente de la fecha de un post en Blogger. En mi opinión ésta sí es una solución y no un parche.

Google por favor rectifica tu error: bX-l4u1mh

Hoy Google me ha quedado mal.

Yo he sido una fanatica del esta monstruosidad que es Google. Estoy en Blogger, en Google+, uso el RSS de ellos, ocasionalmente he usado Picasa y Picnik para eso de las fotos, pero hoy, hoy Google ha quedado mal.

Muchos de los blogs que sigo juran y perjuran que el haberse movido a Word Press ha sido la mejor de sus acciones. Jamas me ha gustado su interface, de hecho tengo una cuenta ahi, y se me hace un sitio muy frio. El caso es que jamas he tenido una razon valida para moverme de algo que es a) facil de usar, b) gratis y sobretodo respaldado por una compania de alto calibre IT technico como para moverme a otro sitio. Pues bien, hoy señoras y señores, este dia experiemente y sigo esperimentando lo que considero un fracaso rotundo de una empresa multibillonaria. Mi area de "Diseño" o Design no puede ser usada de manera correcta. He aqui mi imagen de lo ocurrido:

Sin importarme mucho el contenido de este mensaje me pase a titubear su error. Pense que se trataba de uno de esos detallitos en los que el servidor esta recibiendo mantenimiento o tal vez la pagina no pudo ser cargada correctamente y tenia que esperar unos minutos en los que los IT de google resolvian el problema. Como he dicho, titube y me fui a ver otras sonseras - Facebook y Twitter.

Cuando regrese a mi blog, seguia el mismo error. Pero esta vez con mas calma me decidi a leer y descubri que era algo grave. La quijada se me callo al suelo. Me senti helada y el corazon palpito rapido y furioso. Pero "porque" pregunta vos (cuando ando de payasa uso alguna que otra palabra tarada). Ah, pues me puse super mega nerviosa porque he estado planeando un re-vamp de mi blog. Y si este error no se compone pronto significa que me quedare con mi blog asi como esta.

La ventaja de tener "Elementos de Pagina" o widgets como le llaman es que lo hacen facil para la gente comun y corriente como Mua, que no sabe mucho o nada de programacion. El modificar usando el "html" no me es dificil pero tiene que ser en cosas simples, sencillas y no muy trabajosas.

Pero, que chingados es error bX-l4u1mh?

Okay, tome aire y decidi leer lo que me sugeria. Decia que fuera a un grupo para ver como resolver el mendigo error. Le doy click al mentado link y NADA! Me engañaron, no habia coneccion alguna a esa liga.

Okay, vuelvo a tomar aire y trato de tranquilizarme. Me voy a google para buscar lo que significa y nada, no encuentro nada en lenguaje que pueda entender.

Asi que por si acaso, si alguien sabe que fregados pasa con Google, o Chrome, o Blogger, favor de reportarlo inmediatamente. Muchos usuarios han de estar pasando por la mimsa pena que yo y no es justo que nosotros nuestros blogs tengan que pagar por las estupideces de otros. Asi que si alguien de por alla le pico a algun boton, o si alguien le dio "borrar" porque lo botaron de Google o si le puso agua a un servidor o no se....por favor, tenga piedad y confieze.

Sinceramente,
Esta Regia.

P.D. Trate de cambiar el web browser y al cambiarlo a Internet Explorer este me dejo ver y accessar los widgets, pero no funcionan bien o no se despliegan bien en los menus.