Cambia el color del título de las entradas, de la manera más fácil posible

23.9.15

En Blogger cuando quieres personalizar el blog a través del menú "Personalizar", te das cuenta que del título del post sólo te deja cambiar el tipo de letra!

¿Pero como puede ser que no se pueda cambiar también el color del título desde este menú?

Aquí lo podrás añadir la opción a tu menú, para que lo puedas cambiar cuando te apetezca.

color titulo post cambiar


Cómo añadir una opción en Personalizar


En el menú superior te aparecerá una nueva opción "Color del título de la entrada".

color titulo post


Sigue los pasos siguientes, para que cambiar el color del título de tus post sea lo más fácil que puedas hacer.

  1. Entra en Plantilla

    cambiar color post
  2. Editar HTML

    color post blogger
  3. Pincha en el código y a continuación Ctrl+f (Command+f si tienes un mac) y te aparecerá un buscador en la parte derecha del código.

    modificar color titulo
  4. Busca variable definition (lo escribes en el buscador y le das a Enter/Intro)

    color post titulo
  5. Una vez lo hayas encontrado pegas, justo debajo, este código.


    <Group description="Post Title Color" selector="h3.post-title">

      <Variable name="post.title.link.color" description="Link Color" type="color" default="#ff0000" value="#000000"/>

      <Variable name="post.title.hover.color" description="Link Hover Color" type="color" default="#0000ff" value="#000000"/>

      <Variable name="post.title.color" description="Color on Post Page" type="color" default="#ff00ff" value="#000000"/>

      </Group>



  6. Ahora buscas en el buscador (como en el paso 3) el texto ]]></b:skin>


  7. Pegas justo encima de él el siguiente código


    h3.post-title {
       color:$(post.title.color);
    }

    h3.post-title a, h3.post-title a:visited {
       color:$(post.title.link.color);
    }

    h3.post-title a:hover {
       color:$(post.title.hover.color);
    }



  8. No te olvides de guardar los cambios

    blogger color titulo




Cómo comprobar los cambios realizados


Ahora ya puedes ir como siempre a tu interfaz de diseño de blogger y verás que tienes una nueva opción para poder cambiar el color del título del post de manera fácil.


Para verlo y modificar el color del título del post:

  1. Entra en Plantilla.

    cambiar color post
  2. Pincha en personalizar.

    personalizar color blogger
  3. En Avanzado, ha aparecido una nueva opción "Color del título de la entrada".

    escoger color titulo

    • Color del enlace--> color del enlace del post antes de leerlo.
    • Color del enlace visitado --> color con el que verás el título cuando hayas leído el post.
    • Color on Post Page --> color del título de la entrada (es una mala traducción de Blogger)

  4.  No te olvides de aplicar los cambios a tu plantilla, después de cambiar el color.


    aplicar color titulo post



A partir de ahora ya no tendrás ningún tipo de problema cuando quieras cambiar el color del título de tus post, para que se adapte más al estilo de tu blog en cada momento.

Cambiar elementos del blog con el paso del tiempo es evolucionar.

Feliz semana de otoño.

Laura

¿Te ha gustado lo que has leído?
Muchas gracias por compartirlo en tus redes sociales!
Tus contactos y yo te lo agradeceremos! :-)

¿Quieres contenido exclusivo para mejorar tu blog?
Suscríbete y recibirás AHORA la guía para dominar Blogger HOY!
Tu blog no pasará inadvertido.
Dejará huella.