Como Reempazar el texto «Etiquetas» por una imagen o icono

  • junio 20, 2010

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:

No Comments Found

Deja un comentario