¿A qué esperas para personalizar el mensaje de cookies de Blogger?

3.9.15

Ahora todos tenemos en el blog el mensaje que avisa a nuestros lectores que utilizamos Cookies en nuestro blog.

Estoy segura que no te gusta para nada su aspecto y lo quieres modificar.

¿Me equivoco?





Este es el aspecto que tenía al principio mi barra de las Cookies.



Se puede modificar:

  • el color de fondo
  • el color de las dos líneas que aparecen arriba y abajo del mensaje
  • el color del texto y el tipo de letra
  • el color de los botones y el tipo de texto y el color (aquí no se ven porqué tienen el mismo color lila que el fondo)
  • la forma de los botones

Cómo cambiar el color del fondo


  1. Entra en Plantilla del menú del lateral izquierdo de Blogger.

  2. Haz una copia de seguridad del diseño de tu blog, no vaya a ser que se borre algo sin querer.
  3. Entra en personalizar HTML.

  4. Copia este código justo debajo de  <head>



      <style type='text/css' class='singleton-element'>
           #cookieChoiceInfo .cookie-choices-inner {
             background-color:#e580cb;
           }
      </style>

    Tienes que cambiar background-color el código del color (que ves en rojo) por el que quede mejor con tu blog.

    Si no sabes dónde encontrar los códigos, puedes echar un vistazo a esta página.
  5. Guarda los cambios.


Cómo cambiar el color de las dos líneas que aparecen arriba y abajo

  1. Entra en Plantilla del menú del lateral izquierdo de Blogger.

  2. Haz una copia de seguridad del diseño de tu blog, no vaya a ser que se borre algo sin querer.
  3. Entra en personalizar HTML.

  4. Copia este código justo debajo de  <head>



      <style type='text/css' class='singleton-element'>
         .cookie-choices-info{
            background-color: #e580cb !important;
         }
      </style>

    Tienes que cambiar background-color el código del color (que ves en rojo) por el que quede mejor con tu blog.

    Si no sabes dónde encontrar los códigos, puedes echar un vistazo a esta página.
  5. Guarda los cambios.


Cómo cambiar el color y la fuente del texto

  1. Entra en Plantilla del menú del lateral izquierdo de Blogger.

  2. Haz una copia de seguridad del diseño de tu blog, no vaya a ser que se borre algo sin querer.
  3. Entra en personalizar HTML.

  4. Copia este código justo debajo de  <head>



      <style type='text/css' class='singleton-element'>
         #cookieChoiceInfo .cookie-choices-text {
             font-family: 'Montserrat', sans-serif !important;
             color: #000000;
         }
      </style>

    Tienes que cambiar

    • font-family --> el tipo de fuente. En este otro post encontrarás el código que necesitas para tu fuente.
    • color --> el código del color (que ves en rojo) por el que quede mejor con tu blog. Si no sabes dónde encontrar los códigos, puedes echar un vistazo a esta página.
  5. Guarda los cambios.




Cómo personalizar los botones

  1. Entra en Plantilla del menú del lateral izquierdo de Blogger.

  2. Haz una copia de seguridad del diseño de tu blog, no vaya a ser que se borre algo sin querer.
  3. Entra en personalizar HTML.

  4. Copia este código justo debajo de  <head>



      <style type='text/css' class='singleton-element'>
         #cookieChoiceInfo .cookie-choices-button
             font-family: 'Montserrat', sans-serif !important;
             background-color: #000000 !important;
             color: #ffffff;
             border-radius:10px;
         }
      </style>

    Tienes que cambiar

    • font-family --> el tipo de fuente. En este otro post encontrarás el código que necesitas para tu fuente.
    • background-color --> el código del color (que ves en rojo) por el que quede mejor con tu blog. Si no sabes dónde encontrar los códigos, puedes echar un vistazo a esta página.
    • color --> el color del texto de los botones.
    • border-radius --> hace redondo el borde de los botones. Si lo quieres cuadrados lo pones a 0px.
  5. Guarda los cambios.


Que ganas tenía de volver a publicar tutoriales de estos que te encantan!

Que Google vaya añadiendo modificaciones, que a ti no se te resiste ni un cambio! :-)


No tengas miedo de hacer modificaciones en tu blog, el mundo es de los valientes.

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.