domingo, 20 de junio de 2010

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

2 comentarios:

ItaCHi dijo...

olle man, me gusto tu blog, es muy informativo, quisiera linkearte con tu favicon, lo voy a tomar, espero que no te moleste.(tengo Firefox ;))
www.wweenespmexico.com.ar
iTaCHi

useritas dijo...

OK, me parece estupendo tb te enlazare yo, en esta pagina, mira esta otra pagina y apúntate es muy buena y notaras las visitas:
http://www.uniglobalblog.tk/

Suerte y gracias

Publicar un comentario

DIRECTORIOS

http://www.trucosblogs.com/post
4.57/5 – 42 opiniones
http://www.fabricaturopa.com/post 4.57/5 – 42 opiniones