Primer método
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 Editar HTML:
| Diseño | ► | Plantilla | ► | Editar HTML | ► | Click dentro del editor | ► | Ctrl+f | ► | 
|
- Localizamos 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.
Segundo método (Aplica únicamente para plantillas antiguas) Entre las opciones avanzadas del Diseñador de Plantillas no hay una que permita cambiar el color de fondo de las entradas: Podemos habilitar esa opción, para las plantillas antiguas, así: |
- Vamos a Editar HTML:
| Diseño | ► | Plantilla | ► | Editar HTML | ► | Click dentro del editor | ► | Ctrl+f | ► |
|
- Localizamos, al comienzo de la plantilla, esta línea:
/* Variable definitions
==================== |
...debajo de la misma ponemos éstas:
<Variable name="bgcolorpost" description="Ppst Background Color"
type="color" default="#000" value="#215670">
|
De esta manera definimos una variable. (El resaltado es el código HTML del color; ponemos cualquiera; cuando hayamos habilitado la opción podemos cambiarlo).
- Luego, para llamar a la variable que hemos definido, vamos a la seciión de Posts:
/* Posts
-----------------------------------------------
*/ |
...buscamos un segmento que tenga al principio esta línea:
...e inmediatamente debajo de la misma pegamos esto:
background:$bgcolorpost;
padding: 3px;
|
- Guardamos plantilla.
Guardados los cambios vamos a:
| Página principal ► Diseño ► Plantilla ► Personalizar ► Diseñador de plantillas ► Avanzado
|
...y podremos observar que ya contamos con la opción para cambiar el color del fondo de las entradas, Ppst Background Color :
|
| Índice Edición HTML |
| Poner imagen de fondo a un blog | Cambiar enlaces pie de página |
| Eliminar enlaces pie de página | Eliminar 'Publicado por' |
| Eliminar fechas | Eliminar la hora |
| Efecto subrayar links | Eliminar barra superior |
| Evitar copias de blogs | Ocultar o eliminar sidebar |
| Eliminar y reemplazar cabecera | Ícono para barra de direcciones |
| Centrar títulos posts | Ensanchar blog |
| Cambiar color fondo posts | Color fondo sidebar |
| Agregar una sidebar | Color fondo de comentarios |
| Personalizar firma pie de posts | Personalizar fechas de los posts |
| Diseñador de plantillas de Blogger | Crear página de inicio o Portada |
| Eliminar enlaces a autores de plantillas | Cambiar de sitio la sidebar |
| Centrar imagen de la cebecera | |
