28 de noviembre de 2017

Cómo crear el widget de Archivo del Blog sin fecha

Widget Archivo del blog sin fecha en Blogger


En esta entrada voy a desarrollar la respuesta a un comentario que dejó un lector en la entrada con el título "Modificar el gadget de archivo del blog en Blogger". Este lector planteaba la posibilidad de que el archivo del blog mostrara únicamente los títulos de los artículos, excluyendo su fecha de publicación.

Efectivamente en ocasiones puede que no interese que se muestre la fecha. Si optamos por eliminar este dato, tenemos que realizar unas pequeñas modificaciones en el código HTML de la plantilla del blog.

Tenemos el gadget añadido al diseño del blog, con estilo Jerarquía y frecuencia Mensual.


Configuración gadget Archivo del Blog estilo jerarquía en Blogger


Se muestran los títulos de los artículos organizados jerárquicamente por años - meses y su número total.
Su aspecto en el blog es el siguiente,

Widget Archivo del blog estilo jerarquía en Blogger



Cómo eliminar la fecha de las entradas en el gadget Archivo del blog


Si no se desea mostrar la fecha de publicación de los artículos es necesario hacer algunas modificaciones en la plantilla. El resultado no es muy brillante pero al menos he logrado evitar que se muestre la fecha.

Lo primero que tenemos que hacer es ir al menú de Blogger ➞ Tema ➞ Editar HTML

Editar HTML del Tema en Blogger


Dentro de la ventana de edición de la plantilla HTML buscamos las líneas correspondientes al widget "Archivo del blog".

Código HTML widget Archivo del Blog en Blogger



Nos situamos sobre la línea
<b:includable id='interval' var='intervalData'>...</b:includable>

y pinchamos sobre ➤ (la flecha a la izquierda) para desplegar las líneas entre la etiqueta de apertura y cierre de b:includable.

Veremos unas líneas parecidas a las siguientes,

 <b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='interval'>
    <ul class='hierarchy'>
      <li expr:class='&quot;archivedate &quot; + data:interval.expclass'>
        <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
             <a class='post-count-link' expr:href='data:interval.url'>
                    <data:interval.name/>
             </a>     
        <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
        <b:include cond='data:interval.data' data='interval.data' name='interval'/>
        <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
      </li>
    </ul>
  </b:loop>
</b:includable>


¿Qué eliminamos o modificamos?


<data:interval.name/>
Esta etiqueta muestra el nombre (año, mes, día) de las fechas. Si la eliminamos, los títulos de las entradas se siguen mostrando ordenadas jerárquicamente por meses, pero no se mostrará el nombre del mes ni del año, solo el número total de entradas por jerarquía.

Widget Archivo del blog estilo jerarquía en Blogger sin fecha


<b:include cond='data:interval.data' data='interval.data' name='interval'/>
Esta etiqueta muestra la jerarquía de meses (y días en el caso de seleccionar "frecuencia diaria" dentro de la configuración del gadget). Si se elimina esta etiqueta, solo se mostrarán los títulos de las entradas ordenadas por año. En este caso solo existen 22 entradas en el año 2016. Si existieran publicaciones de otros años se mostrarían de forma independiente en otra línea (una línea por año).

Widget Archivo del blog estilo jerarquía en Blogger sin mes ni día


<data:interval.name/>
<b:include cond='data:interval.data' data='interval.data' name='interval'/>
Si eliminamos ambas etiquetas, el archivo del blog mostrará los títulos de las entradas ordenadas cronológicamente pero sin mostrar el número de año.


Widget Archivo del blog estilo jerarquía en Blogger sin fecha por años

 
El archivo del blog ya muestra los títulos de las entradas sin incluir la fecha de publicación.
El problema es que si tenemos artículos publicados en diferentes años, el archivo del blog mostrará los títulos de los artículos pero agrupados por año, en lugar de mostrar una única lista global.

Podemos solucionarlo modificando la línea marcada en morado dentro del cuadro anterior con el código HTML.

  <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>

y la cambiamos por ésta otra,
 <span class='post-count' dir='ltr'>Total entradas (<data:interval.post-count/>)</span>

He añadido el texto "Total entradas " pero puede añadirse otro.

Ahora el aspecto del archivo del blog es el siguiente,


Se muestra el texto que he añadido "Total entradas" junto con el número total de artículos publicados en el blog.

Si desplegamos el archivo, se mostrarán los títulos de todas las entradas del blog, ordenadas cronológicamente, pero sin mostrar la fecha de publicación ni estar agrupadas por años.

Widget Archivo del blog estilo jerarquía en Blogger sin fecha


No hay comentarios:

Publicar un comentario