Como poner una imagen en el titulo de los posts

Como poner una imagen en los titulos en blogger, veremos la forma de colocar una imagen antes del titulo y que se muestre de forma que no afecte a vuestro titulo de la entrada.

Los pasos a seguir son muy claro y precisos:

1.- Ir a Diseño > Edición de HTML.

2.- Buscar. (Ctrl + F)

3.- En el codigo veremos algo como esto:
.post h3 {
font-size:140%;
font-weight:normal;
line-height:1.4em;
background:url("URL-DE-LA-IMAGEN") top left no-repeat;
}
4.- Agregaremos la parte que he puesto en rojo. Y cambiamos URL-DE-LA-IMAGEN por la imagen que mostraremos antes del titulo de nuestro post.

Nota: La imagen tiene que ser pequeña para que no afecte el titulo de la entrada.
Compartir es Gratis:


8 Comentarios:

  1. Muy buen apunte. Gracias a todos los que nos ayudáis con nuestros blogs.
    Visita el mío: http://stupidslife.blogspot.com/

    ResponderEliminar
  2. Jose, que tengas buen dia, aqui estamos para ayudar en lo que se ofrezca, saludos, sigue visitando el blog!

    ResponderEliminar
  3. no sale ¬¬ es q nunca le dibola y aora kiero un blog perfecto y no se puede ¬¬

    ResponderEliminar
  4. oies amigo queria hacerte una pregunta que no tiene nada que ver con el tema

    ¿Que tipo de bordes estas utilizando en tus gadgets ? ,me gusto mucho y me gustaria que me informaras soobre esto muchas gracias

    ResponderEliminar
  5. Hola, alguna idea de como hacer esto pero sólo a algunas entradas (que yo escojo) Gracias

    ResponderEliminar
  6. @jonathan[i2000]: Debes ver el "ID" de la entrada cuando la editar puedes ver ese ID, ve a vagabundia el sabe explicarlo mejor en sus posts!

    ResponderEliminar
  7. muchisimaas cgracia ....asio util sobre todo por utilizar CSS no como otros :)

    ResponderEliminar

Back to Top