15 de febrero de 2013

Cómo ponerle fondo a las entradas de Blogger

Anteriormente vimos cómo ponerle fondo a una entrada de Blogger, pero en aquel caso era a una entrada particular, no a todas.
En la siguiente entrada, Cristina me preguntaba cómo ponerle fondo a todas las entradas del Blog.


Una forma sencilla de cambiar el color del fondo de las entradas que es dado por defecto, para cualquier plantilla, es la siguiente:

Vamos a Edición de HTML:

Página principal ►  Plantilla ► Edición de HTML

Localizamos, sin expandir plantillas de artilugios, y después de la siguiente línea:

/* Posts
----------------------------------------------- */

...un segmento de código como éste:

.post {
  margin: 0 0 1.5em;
  padding-bottom: 1.5em;
}


Puede que no sea exactamente igual, lo importante es que tenga la primera línea ( .post { )

Si lo encontramos le agregamos, entes de la llave de cierre ( } ), esto:

  background: #XXXXXX;
  padding: 3px;

Si no lo encontramos pegamos, después de la línea...

/* Posts
----------------------------------------------- */

...esto:

.post {
  background: #XXXXXX;
  padding: 3px;
}
En ambos casos reemplazamos las equis ( X ) por el número del código HTML del color que le vamos a poner al fondo de las entradas (aquí encontramos los códigos HTML de los colores: Códigos HTML de colores ).

Guardamos plantilla.


Listo.

3 comentarios:

  1. y como le puedo poner una imagen en vez de cambiarle el color????

    ResponderEliminar
    Respuestas
    1. Hola Jorge, donde dice background en lugar de poner la "#" debería poner

      url(URL del fondo);

      Entonces en definitiva quedaría así

      background: url(URL del fondo);

      Eliminar