The Dai Li // An Avatar: the Last Airbender Topsite
Mostrando entradas con la etiqueta Posts. Mostrar todas las entradas
Mostrando entradas con la etiqueta Posts. Mostrar todas las entradas

Imagen y color de fondo en el post

Hay algunas formas de poner una imagen y/o color de fondo en las entradas de nuestro blog.

En Diseño | Edición de HTML buscamos algo como esto

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
background: #1B1E20 url(URL DE LA IMAGEN);
}


Se le añade lo que está en negrita y donde está URL DE LA IMAGEN pondremos la url de nuestra imagen de fondo.
El color de fondo es #1B1E20 podríamos poner cualquier otro color.
En caso de no querer usar una imagen sólo es necesario agregar background: #1B1E20;

En caso que sólo se quiera añadir al cuerpo del post se añade el mismo código a post-body
.post-body {
margin:0 0 .75em;
line-height:1.6em;
background: #1B1E20 url(URL DE LA IMAGEN);
}


Cuando queramos que el cuerpo de una entrada en particular tenga cierto fondo la escribiremos dentro de este código:
<div style="background: #1B1E20 url(URL DE LA IMAGEN);">El contenido del post, puede ser cualquier cosa, texto, imagen, video, etc.</div>

Jump Link: Seguir leyendo

Cuando hay artículos muy extensos se suelen utilizar "trucos" para mostrar solo una parte del post y un enlace tipo "Leer más" para ver el resto.
En Blogger in Draft y Blogger Buzz anuncian la posibilidad de hacer esto sin muchas complicaciones.