Mostrar fecha de última actualización en un post de Blogger

Hacer visible la fecha de actualización o modificación de los posts que publicamos en Blogger hace ver al lector que estamos interesados en mejorar y fortalecer una entrada en el Blog. Esto hace sentir al usuario que no es una entrada abandonada y puede confiar en la información mostrada, aunque su primera vez de creación haya sido años atrás.

Contenido

1. Código 1: HTML
1.1 Estructura del Código 1
2. Personalizar la fecha de actualización
2.2 Personalización de la fecha
3. Notas

1. Código 1: HTML

El siguiente código lo añades en Tema, Edición HTML y buscas <data:post.date/> esta es la fecha de creación del post, ahí puedes incrustar el nuevo código, en caso de no encontrarlo puedes buscar <data:post.author.name/>. Recuerda que estas líneas pueden encontrarse más de una vez dependiendo el tipo de plantilla utilizado en Blogger.

Tabla 1
Código 1: última fecha de actualización

<data:byline.label/>

    <b:if cond='data:post.url'>

      <meta expr:content='data:post.url.canonical'/>      

        <time class='published' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'>

        <img src='URL de la Imagen'/> Actualizado en <data:post.lastUpdated/>.

        </time>

    </b:if>

Nota. Este código puedes colocarlo en donde mejor te convenga

1.1 Estructura del Código 1

Lo que esta de color rojo puedes modificarlo de acuerdo con tu diseño.

Tabla 2
Estructura del Código 1

<data:byline.label/>

Zona que se mostraran en una linea de etiquetas el cual debe contener lo siguiente:

<b:if cond='data:post.url'>

Vinculo de la entrada.

<meta expr:content='data:post.url.canonical'/>

Especifica cual es el contenido actual y principal en caso de haber dos url similares, iguales o duplicados ^[1].

data:post.date.iso8601

Muestra un valor numérico a la fecha ^[2].

<img src='URL de la Imagen'/>

Imagen referente a dicho código, opcional a mostrar.

<data:post.lastUpdated/>

Fecha de su última modificación incluyendo el mas mínimo detalle ^[3,4]

2. Personalizar la fecha de actualización

En el Código 1 se muestra un código HTML en color azul, este muestra la fecha en la que se realizo una actualización en un post. Ese código lo vamos a remplazar por el siguiente para darle una personalización de acuerdo al diseño del Blog al que se le aplicara. Borra el código color azul y coloca el siguiente ^[5]:

<b:eval expr='format(data:post.lastUpdated, &quot;YYYY, MMMM dd&quot;)'/>

2.1 Personalización de la fecha

Los siguientes valores puedes moverlos de lugar según te convenga y de acuerdo al diseño de tu blog.

Tabla 3
Personalizar

EEEE

Nombre del día

dd

Día en valor numérico

MMMM

Nombre del mes

YYYY

Año en valor numérico

3. Notas

[1] Hardwick, J. (2020, enero 21). Etiquetas Canonical: guía simple para principiantes. Ahrefs. https://ahrefs.com/blog/es/etiquetas-canonical/

[2] zkreations (2019, diciembre 01). Parámetros de fecha. https://docs.zkreations.com/2019/12/parametros-de-fecha.html

[3] Lambrechts, S. (2021, octubre 17). Parámetros de fecha: day, month, year, dayOfWeek, dayOfMonth, dayOfYear. Blogger Code PE. Recuperado el 03 de noviembre de 2021 en https://bloggercode-blogconnexion.blogspot.com/2018/02/data-parameters-day-month-year.html

[4] cyballruiz (2021, 16 de septiembre). Hola Martin, Sí es posible hacerlo, pero lo que hay que añadir se hace en el tema mismo, no en la entrada [Comentario en el foro "Configurar Fecha Actualización de Entrada"]. Ayuda de Blogger. https://support.google.com/blogger/thread/126082100/configurar-fecha-actualizaci%C3%B3n-de-entrada?hl=es&msgid=126113062 

[5] Serenesat y Anubhav Yadav (2020, junio 11). Como JavaScript ralentiza la página, es mejor utilizar la variable de datos XHTML pura para la marca de fecha y hora, disponible en Blogger [Comentario en el foro "How to put last modified date in blog post on Blogger?"]. Stack Exchange. Recuperado el 03 de noviembre de 2021 en https://webapps.stackexchange.com/questions/28516/how-to-put-last-modified-date-in-blog-post-on-blogger