Í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.

8 opinaron:

Anónimo

Muy bueno

Responder
Anónimo

Con esto voy a poder adornar mi blog.

Gracias

Responder
MY LITTLE SOLEIL

Hola y gracias por tan excelentes ideas, me encantaria que entraras a mi blog y me dieras sugerencias. quisiera que las letras arriba de la foto se movieran, que hago ?? aqui esta el blog:http://mylittlesoleil.blogspot.com/ este es un blog dedicado a mi nieta a quien tanto amo.

Responder
Jéssica YK

Anónimo: gracias por comentar y espero que te sirva

Saludos

Responder
Jéssica YK

Karina: si, es algo muy bonito para adornar el blog.

Saludos

Responder
Jéssica YK

MY LITTLE SOLEIL: sí, en cualquier momento paso por tu blog; si deseas crear un efecto de texto en movimiento, te puede servir este post

Saludos a ti y a tu nieta

Responder
Shavy

Gracias por el dato, googlee ese truco y me salio tu blog, me funcionó a la primera. Lo usé en uno de mis blogs.

Te pasaste, nos leemos y Dios te bendiga.

BENDICIONES
Shavy

Responder
Jéssica YK

Shavy:me alegra que el post te haya servido.
Eres bienvenido cuando desees :)

S@lu2

Responder

Por favor, trata de tener habilitado tu perfil (has click en "Comenta con el antiguo editor" para iniciar sesión) o deja un enlace a tu blog escogiendo la opción "Nombre/URL", procura no dejar comentarios Anónimos.
Nota: Si es que se presenta algún problema con el formulario de comentarios, sólo has click en "Comenta con el antiguo editor"

Gracias por participar en el blog.

inicio