Imagen o icono en los títulos de las entradas de tu blog


Si quieres poner un icono o imagen en título de las entradas de tu blogspot sigue las siguientes instrucciones:

1) Vamos a Diseño
2) Edición de HTML
3) Marca la casilla "Expandir artilugios"
4) Busca el siguiente código <data:post.title/> (teclea Ctrl + F para buscar más rápido). Te encontrarás con varios <data:post.title/> pero sólo debes centrarte en el que pone:



5) Ahora tenemos dos opciones.

  • Si quieres poner una imagen o icono arriba del título de cada entrada de tu blog debes añadir en el código anterior, el siguiente código que está en negrita:


<b:if cond='data:post.url'><img src='http://www.URLimagen.jpg'>
<a expr:href='data:post.url'></a><data:post.title/>


Ejemplo de cómo te quedará:




  • Si quieres poner una imagen o icono al lado del título de cada entrada de tu blog debes añadir en el código anterior, el siguiente código que está en negrita:


<b:if cond='data:post.url'>
<a expr:href='data:post.url'><img src='http://www.URLimagen.jpg'/><data:post.title/></a>


Ejemplo de cómo te quedará:




6) Clica en vista previa y si todo está, guarda tu plantilla.

13 comentarios:

  1. Muy buena explicacioon!!

    Ya queda poco, 6 horitaas!!

    ResponderEliminar
  2. Gracias Nestor. Ya queda poco sí, ahora mismo 13 minutos jejeje

    ¡Un saludo amigo!

    ResponderEliminar
  3. Gracias. A ver si elijo una imágen chula y así aprovecho el truco, aunque pones tantos y tan buenos que se me acumula el trabajo ^^

    ResponderEliminar
  4. Eso es buena señal que se te acumule el trabajo jajaja. Gracias por comentar Lipooh. ¡Un saludo! :D

    ResponderEliminar
  5. Y si la imagen la quiero poner a la derecha del título?? dónde pongo ubico el código con el URL de la imagen?

    ResponderEliminar
  6. Hola. Deberás ponerlo después de data:post.title/

    Saludos

    ResponderEliminar
  7. ya leí las 6 normas, pero necesito hacerte esta pregunta:
    Cómo hago para agrandar el espacio entre el título y el texto? (O sea, el título de la entrada y la entrada).
    No me gusta que el título quede tan pegado.
    Gracias!
    Sol

    ResponderEliminar
  8. ¿Y cómo hago para que se vea la imágen cuando cliqueo en una entrada? Porque no quiero que se vea, sino cuando uno entra. Algo así como lo del AdSense.

    Muchísimas Gracias, agradecería sí me avisarías cuando respondas.

    ResponderEliminar
  9. DONDE? En que parte del codigo debo pegarlo?

    Llevo 3 intentos y nada... Se cierra la vista previa T-T

    Lo que quiero es poner el icono... pero... pero... soy tan torpe... y-y

    ResponderEliminar
  10. Hola, excelente toda la info que encontre aca.
    Consulta, va en realidad mas de una:
    Si lo quiero hacer solo sobre un post en particular que deberia hacer?
    Por otro lado se puede poner una imagen de fondo para el titulo del post y determinar la transparencia para que el titulo se note?

    Desde ya gracias por la info.-

    ResponderEliminar
  11. Hola, no me funciona ya busque con ctrl+f y no me sale ninguno parecido y ya marque artilugios que diablos pasa :S

    ResponderEliminar
  12. Hola, buenos días. Mi pregunta es esta: Quiero poner una descripción dela imagen con el tamaño de fuente más pequeña al lado de la imagen, como nombre del autor. ¿Cómo puedo hacer esto? Gracias, por su ayuda.

    ResponderEliminar