Cómo ocultar la fecha de un post

En un comentario reciente, Jabba, de Extrañas Normalidades, hace una pregunta que excede las posibilidades del precario editor de comentarios y por eso, aprovecho este post para responderle.

Quería consultarte acerca de como hacer "desaparecer" la fecha de la entrada en la que he insertado mi Formulario de Contacto, que pese a que le puse una fecha antigua me gustaria que no pusiera ninguna fecha. Se que puedo eliminar las fechas de todos los posts, pero eso no me sirve.

Algo de eso había intentado contar en un artículo referido a Personalizar los posts pero me voy a limitar exclusivamente a la fecha para que sea un poco menos engorroso de comprender.

Para poder manipular una parte de un post individual, debemos identificarlo ya que, en principio, para Blogger todos son iguales ¿Cómo lo hacemos?

Cuando lo publicamos o guardamos, Blogger pone una identificación única (ID) en cada uno, una serie de números. Por ejemplo, en el caso del Formulario de Jabba, este número es: 5981436675105647565.

Cada post tiene un número exclusivo y, en la plantilla, ese dato interno se llama data:post.id. Ese es el número que veremos en la barra de direcciones del navegador cuando lo editamos:

http://www.blogger.com/post-edit.g?blogID=XXXXXXXXXXXXXXXXXX
&postID=5981436675105647565

Ese número identificatorio permanece invariable sin importa lo que hagamos, no se modifica si editamos el post, si le cambiamos el título o la fecha o si lo guardamos como borrador para publicarlo en otro momento.

En las plantillas, normalmente sólo podemos verlo en una línea de código:

<a expr:name='data:post.id'/>

Vamos a utilizar ese número para identificar otros sectores de los posts, por ejemplo, en este caso, la fecha que, por defecto, se muestra con esta instrucción:

<h2 class='date-header'>
...............
</h2>

Cambiaremos es etiqueta, agregándole un atributo ID que le pondrá un nombre único:

<h2 class='date-header' expr:id='"fecha-" + data:post.id'>
...............
</h2>

Esto, le dará al "rectángulo" donde está la fecha de cada post, un ID exclusivo; siguiendo el ejemplo, en este caso, se llamará: fecha-5981436675105647565

Ahora, usando CSS, podremos darle propiedades únicas (ocultarlo) y esto, lo deberemos hacer en el mismo post, agregando, al inicio de todo y en una sola línea:

<style>h2#fecha-5981436675105647565 {display:none;} </style>

De esta manera, le decimos al navegador que en ese post en particular, la fecha no se debe mostrar.

En resumen, el primer paso es modificar la plantilla para crear eso nombres únicos. Hecho esto, de ahí en adelante, todo post tendrá una fecha que podemos manipular. Luego, creamos el post, lo publicamos o lo guardamos y luego, lo editamos para saber cuál es ese nombre exclusivo que aparecerá en la barra de direcciones del navegador. Por último, añadimos la etiqueta STYLE con el dato correspondiente y volvemos a publicar.

La fecha de ese post, no será visible.