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:
me parese muy bien tema
reformas
reformas
justo lo que estaba buscandooo muchisimas graciassss.
puede ser que no se repita
Gracias por tu aporte.. lo he puesto ya en mi blog..
Publicar un comentario