Reempazar el texto "Etiquetas" por una imagen o icono

Si la plantilla que usas en tu blog de blogger no ha sido editada o modificada, lo más probable es que, al lado de las etiquetas que asignas a cada una de tus entradas, aparezca la palabra "Etiquetas".

En esta entrada aprenderemos a reemplazar esa palabra por una imagen o un icono cualquiera, con el propósito de obtener algo muy similar a lo que puedes ver a continuación:

Diseño>Edición de HTML>expandimos artilugios

Busca la línea <data:postLabelsLabel/> que estará en un código muy parecido a este:

<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span>
</div>

Simplemente tienes que borrar esa línea y pegar esta otra en su lugar:

<img style="border: none;" src="URL DE LA IMAGEN"/>

Incluye la dirección de tu icono o imagen en donde dice URL DE LA IMAGEN.

Haz vista previa para ver el resultado y guarda la plantilla para finalizar: