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


Mendoza Salazar, A.A. Veces visto
Palabras Clave:

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 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

Comentarios

  1. Gracias por la siguiente aclaración:.
    Encontré varios en el HTML de mi blog.
    1 - ¿En cuál incrusto el código?
    2 - La incrustación del código se realiza antes o después de o eliminarlo reemplazándolo con el código.
    Muchas gracias.
    Vimara Porto

    ResponderEliminar
    Respuestas
    1. Hola Vimara Porto, el código de actualización puedes colocarlo según te convenga o de acuerdo al diseño de tu blog, si lo único que quieres mostrar es la última fecha de actualización (modificación) elimina por completo <data:post.date/> y en su lugar agrega <data:post.lastUpdated/>

      La otra opción seria si colocarlo antes o después, eso ya quedaría a tu consideración, en mi caso lo coloque en la de la siguiente manera:

      [AUTOR][PUBLICADO][ACTUALIZADO][VECES VISTO]

      <data:post.author.name/><data:post.date/><data:post.lastUpdated/><a expr:name='data:post.id'/> <span id='postviews'/>

      Los códigos completos serian algo similar a lo que esta en la Tabla 1. El código <data:post.date/> o <data:post.author.name/> deberían aparecer mínimo 3 veces, uno correspondiente a la Portada (inicio), Posts y Paginas.

      Recuerda hacer una copia de seguridad de la plantillla

      Eliminar
    2. En mi blog puedes dar click derecho y selecciona "Ver código fuente de página" luego Ctrl+F y buscas los códigos que proporcionó para que te des una idea en donde se pueden colocar.

      Eliminar
    3. Para poder añadir códigos HTML en los comentarios en Blogger debes pasarlos a texto plano, en el buscador web puedes poner conversor a texto plano y te aparecen varias opciones. Saludos y un fuerte abrazo.

      Eliminar
  2. Gracias por la siguiente aclaración:.
    Encontré varios () en el HTML de mi blog.
    1 - ¿En cuál incrusto el código?
    2 - La incrustación del código se realiza antes o después de () o eliminarlo reemplazándolo con el código.
    Muchas gracias
    Vimara Porto

    ResponderEliminar

Publicar un comentario

No agredas a otros usuarios, no violentes ni faltes al respeto a otras personas que no conozcas.