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 | |
10 comentarios :
Hola. He intentado varias veces el proceso que describes pero siempre me da error y no puedo guardar la plantilla. Los valores no son exactamente como aparecen en tu explicación, pero sí bastante parecidos. ¿Podrías ayudarme?
Paula: Me dices, por favor ¿qué plantilla utilizas?
Saludos.
porfavor no me funcion no aparecece lo que tu me dices, mi plantilla esta creada con artisteer 3.0
mirala tu mismo y dime porque no funciona
http://Stanthemackiar.blogspot.com
Stanley: No aparece lo que se indica en el tutorial por eso, porque la plantilla fue creada con Artisteer 3.0
El tutorial está dirigido a plantillas originales de Blogger.
Saludos.
Lo que yo no encuentro es la sección de Posts dentro del lenguaje html
Alexander: Con las plantillas dinámicas existe ese problema. Este tutorial no se puede aplicar a esa plantillas.
Puede cambiar el color del fondo de las entradas, pero de cada una en particular. Éste es el tutorial:
http://bloguermast.blogspot.com/2012/11/poner-color-o-imagen-de-fondo-una.html
Saludos.
Quizás, el problema... sin saber mucho... es que la variable, no está cerrada ¿? Le falta el signo ese de />
A big thanks to you!!!!!
Yo no encuentro la línea de "posts" en mi plantilla de blogger. ¿Puede que se llame de otra manera?
Sí que he conseguido cambiar el color de una entrada en particular con su otro tutorial, muchas gracias. Soy muy novata y me vienen muy bien estas explicaciones.
Ester, posiblemente no estás buscando bien.
Prueba con lo siguiente:
1.- Vas a Diseño ► Plantilla ► Editar HTML
2.- Haces un click dentro del editor
3.- digitas Ctrl + f
4.- Pones la palabra Posts dentro del rectángulo de búsqueda (Search) que se abrirá en el ángulo superior derecho del editor.
5.- Das Enter hasta que encuentres la línea indicada en el tutorial.
Saludos.
Este blog ya cumplió su ciclo, por esta razón, aunque sigue a disposición de los usuarios, no se harán más publicaciones ni se atenderán más consultas. La respuesta a su inquietud puede estar entre los comentarios hechos hasta aquí.
El autor.