Cambiar color de los títulos de los posts de Blogger

Algunas plantillas de Blogger, como la Simple y la Picture Window, no habilitan, en el Diseñador de plantillas, la opción para cambiar el color de los títulos de los posts o entradas: Página principal ► Diseño ► Personalizar ► Avanzado ► Título de la entrada

Otras plantillas, como la Travel Awesome, sí tienen esa opción:

Podemos, en las plantillas que no la tienen, habilitar esa opción. Habilitar la opción para cambiar el color de los títulos de las entradas Aplicando el sentido común podemos deducir que si adaptamos, en la plantilla de un blog que no tiene la opción para cambiar el color de los títulos de las entradas, los códigos que en otro blog sí habilitan esa opción, lograremos que, en el primero, también la habiliten. Es lo que haremos. Vamos a utilizar la plantilla Simple (que no tiene la opción), y la plantilla Travel Awesome (que sí tiene la opción). Para ambos casos vamos a Editar HTML: Diseño ► Plantilla ► Editar HTML ► Click dentro del editor ► Ctrl+f ► Localizamos, en las dos plantillas, las definiciones de las variables correspondientes a los títulos de las entradas, en la sección de las variables, poniendo dentro del rectángulo de búsqueda (search) la primera línea del siguiente código: /* Variable definitions ==================== y las utilizaciones de las mismas, en la sección de los posts, poniendo dentro del rectángulo de búsqueda (search) la primera línea del siguiente código: /* Posts ----------------------------------------------- */ Los códigos correspondientes son: En la plantilla Simple 1.- Definición de la variable de los títulos de las entradas: <Group description="Post Title" selector="h3.post-title, .comments h4">      <Variable name="post.title.font" description="Font" type="font"          default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>    </Group> 2.- Utilización de la variable de los títulos de las entradas: h3.post-title, .comments h4 {   font: $(post.title.font);   margin: .75em 0 0; }   En la plantilla Travel Awesome 1.- Definición de las variables de los títulos de las entadas: <Group description="Post Title" selector="h3.post-title, h4, h3.post-title a">      <Variable name="post.title.font" description="Font" type="font"          default="normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>      <Variable name="post.title.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#ffffff"/>    </Group> 2.- Utilización de las variables de los títulos de las entradas: h3.post-title, h4 {   font: $(post.title.font);   color: $(post.title.text.color); } h3.post-title a {   font: $(post.title.font);   color: $(post.title.text.color); } h3.post-title a:hover {   color: $(link.hover.color);   text-decoration: underline; } Para habilitar la opción que permite modificar los colores de los títulos de las entradas, en el blog de la plantilla Simple: Eliminamos en la plantilla Simple el código 1. Copiamos el código 1 de la plantilla Travel Awesome y lo pegamos en el sitio que ocupaba el código 1, que eliminamos en la plantilla Simple. Eliminamos en la plantilla Simple el código 2. Copiamos el código 2 de la plantilla Travel Awesome y lo pegamos en el sitio que ocupaba el código 2, que eliminamos en la plantilla Simple. Si al hacer Vista previa en el blog de la plantila simple no vemos los títulos de las entradas es porque el color de los mismos es igual el del fondo del blog. Guardamos plantilla, vamos al Diseñador y podremos observar que ya está habilitada la opción para cambiar el color de los títulos de las entradas.

Twittear