sábado, 26 de marzo de 2011

Cambiar color del título de un post de blogger

Imagen con título en diferentes colores

Probando con las plantillas, los títulos de las entradas del blog no tenían el color que yo quería y en la vista de diseño no estaba la opción de cambiarle el color. Lo único que encontraba era cambiarle el color al título de las entradas pero en la vista principal. Al entrar a visualizar una entrada, el color era el mismo del texto de la entrada.

Lo conseguí al modificar la plantilla desde la edición de HTML.

Pestaña de Diseño
Edición de HTML
Buscar la palabra "Post Title" se encontrará en la sección de Variable definitions

En mi caso el código era:


<Group description="Post Title" selector="h3.post-title, .comments h4">

<Variable name="post.title.font" description="Title Font" type="font"

default="normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 18px Verdana, Geneva, sans-serif"/>

</Group>
Y al añadirle una nueva variable post.title.color quedó así:

<Group description="Post Title" selector="h3.post-title, .comments h4">

<Variable name="post.title.font" description="Title Font" type="font"

default="normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 18px Verdana, Geneva, sans-serif"/>

<Variable name="post.title.color" description="Text Color" type="color" default="#ff9900" value="#ff9900"/>

</Group>
El color que tiene #ff9900 se lo cambia por el deseado. Para obtener el código, visitar el enlace.

Ahora buscar la palabra h3.post-title que estará en la sección Posts
El código antes de modificar era:

h3.post-title {

margin: 0;

font: $(post.title.font);

}


.comments h4 {

margin: 1em 0 0;

font: $(post.title.font);

}

Luego de añadir la línea color: $(post.title.color); quedó así:

h3.post-title {

margin: 0;

font: $(post.title.font);

color: $(post.title.color);

}


.comments h4 {

margin: 1em 0 0;

font: $(post.title.font);

color: $(post.title.color);

}

4 comentarios:

  1. Hola, gracias por este artículo, aunque a mí me sucede lo contrario. En la página principal los colores del título de las entradas no los puedo modificar y sí que puedo modificarlos cuando la entrada se visualiza al completo en su modo expandido. En el modo expandido los tengo correctos pero son los títulos de las entradas de la página principal los que quiero cambiar. ¿Sabrías cómo hacerlo? Un saludo.

    ResponderEliminar
  2. Hola. No se decirte con exactitud, no me ha surgido algo así.
    Yo probaría con otras plantillas, como "Fantástico", "Etéreo", etc. No todas te dan la opción directa de darle color al titulo del post.=SSaludos.

    ResponderEliminar
  3. llamarte genio es poco!!!! no sabes lo que busque esta solucion y no la encontraba por ningun lado , hasta que me tope con tu tutorial, gracias mil gracias porque existe gente que coopera y ama lo que hace como tu , abrazo amigo

    ResponderEliminar