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

Por

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


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 lineas pueden encontrarse mas de una vez dependiendo el tipo de plantilla utilizado en Blogger.
 
<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>

1.1 Estructura del Código 1

Lo que esta de color rojo puedes modificarlo según te convenga.
 
<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]

Elf-Moondance en Pixabay

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.date, "EEEE, dd MMMM YYYY")'/>

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.

EEEE
Nombre del día
dd
Día en valor numérico
MMMM
Nombre del mes
YYYY
Año en valor numérico

3. Referencias:

[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

Comentarios