sábado, 13 de diciembre de 2008

Ícono o imagen en el título de las entradas

Me preguntaban al correo si se podía poner alguna imagen pequeña o algún ícono en el título de las entradas, no como fondo, sino que acompañe a los títulos de nuestros post.
Bueno, ahora les voy a enseñar cómo lograrlo.

Primero,ingresamos a Diseño/ Edición de HTML y Expandir plantillas de artilugios.
En la plantilla buscamos lo siguiente :

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>

Ahora, si queremos que la imagen se situe delante de los títulos, colocamos <img src=" your Image Url " /> después de <b:if cond='data:post.url'> ; es decir, quedaría así:

<b:if cond='data:post.url'><img src="URL DE LA IMAGEN" />
<a expr:href='data:post.url'><data:post.title/></a>

Pero si queremos que el ícono se ubique después de los títulos, colocamos el código de la siguiente manera:

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/><img src="URL DE LA IMAGEN" /></a>

Cuando hayamos efectuado lo anterior damos click en Guardar y listo!

El resultado es el siguiente (una campanita navideña al lado de los títulos del post):



Espero que les guste y si tienen alguna dificultad, háganmela saber.

No hay comentarios:

Publicar un comentario