Colocar imagen de fondo a una entrada | blogsmadeinspain

Aquí encontrarás plantillas para Blogger diseñadas por mí totalmente gratuitas, conocerás como se manipulan imágenes, fondos, texto, enlaces o links, los mejores widgets o gadgets, herramientas y utilidades, etc... Y además puedo diseñarte una plantilla exclusiva para tí, totalmente a tu gusto, y solo por 38 Euros.

Colocar imagen de fondo a una entrada

Si queremos resaltar alguna de nuestras entradas sobre las demás, una buena solución sería colocarle una imagen de fondo o simplemente un color diferente al de nuestro blog.
Esto es muy fácil de realizar con un pequeño código html en la entrada de que se trate. Y podéis conseguir resultados tan espectaculares como el que podéis ver en esta propia entrada.

Para ello, antes de nada redactar la entrada. Una vez escrita, pinchar en el editor de entradas en la pestaña “Html” y colocar justo arriba del todo, al principio de la edición html de la entrada,  este código:

<div style="background-image: url(URL  DE LA IMAGEN); padding: 40px;">

Y justo al final de todo el código de la entrada, este otro pequeño código de cierre:

</div>

Solo tenéis que personalizar lo que os he marcado en color azul en el primer código, la dirección URL completa de la imagen alojada por vosotros y la separación en píxeles a los bordes de la entrada.

Si solo queréis colocar un color de fondo, y no una imagen, sustituir el primer código por este otro:

<div style="background: #ffffff; padding: 40px;">

Y colocar el código hex del color que os guste, en sustitución de #ffffff

5 comentarios:

Anónimo dijo...

me parese muy bien tema

Reformas Madrid dijo...
Este comentario ha sido eliminado por el autor.
Reformas Madrid dijo...

reformas
reformas
justo lo que estaba buscandooo muchisimas graciassss.

FILÁ NOSOTRAS dijo...

puede ser que no se repita

Anónimo dijo...

Gracias por tu aporte.. lo he puesto ya en mi blog..