Cómo quitar el mensaje de Cookies de Blogger

Si tienes un blog en blogger, has debido recibir el aviso por correo de que en septiembre debes cumplir con la política de cookies. Y por si no sabes cómo hacerlo, si tu blog es de blogger, ellos se han encargado de que el aviso aparezca bien grande en el cabecero de tu blog. Así:

Cómo quitar el mensaje de Cookies de Blogger

Es una obligación que debemos cumplir, pero si ya tenías instalada tu barrita acorde con el diseño de tu blog, es un fastidio ¿verdad? Además, dependiendo de la resolución del monitor desde el que te visiten, se verá más o menos alta… ¡un rollo!

Pero quitarla es muy sencillo. Voy a contarte cómo hacerlo, siempre bajo tu responsabilidad, claro.

 

CÓMO QUITAR EL MENSAJE DE COOKIES DE BLOGGER

1.- Entra en tu plantilla HTML.

2.- Haz click dentro de tu plantilla, en cualquier zona dónde aparece el código, para activarla y poder abrir el buscador interno. Abre el buscador pulsando Control + F simultáneamente.

3.- Busca:

/* Header
———————————————– */

4.- Justo debajo pega:

#cookieChoiceInfo {
display: none;
}

Con este pequeño fragmento de código hemos creado un ID para identificar la barra de Google (#cookieChoiceInfo) y entre las llaves le decimos que se desactive (display: none;).

5.- Comprueba en Vista Previa que todo está correcto y guarda los cambios.

 

 

(adsbygoogle = window.adsbygoogle || []).push({});

 

CÓMO PERSONALIZAR EL MENSAJE DE COOKIES DE BLOGGER

Pero si no tenías tu aviso de Cookies, te aconsejo encarecidamente dejarlo y personalizarla para que su diseño vaya a juego con tu blog. Recuerda que todos debemos cumplirlo y Google en esos temas no se anda con bromas…

Para personalizarlo debes seguir los mismos pasos que para quitarlo, pero en el punto 4 hay cambios. El código a pegar sería:

#cookieChoiceInfo {
background-color: #8FE1D8 !important;
color: #000000 !important;
font: normal normal 12px ‘Arial’, cursive !important;
text-align: center !important;
text-transform: uppercase !important;
line-height: 300% !important;
}

Dónde puedes personalizar:

background-color: color de fondo de la barra de cookies.

Puedes elegir el que quieras de esta web: Colores HTML

color: color de la tipografía.

font: tipo de letra (Arial) y tamaño (10px). Puedes cambiarla por cualquiera que ya estés usando en tu blog.

text-align: alineación del texto. Ahora mismo está centrado (center) pero puedes alinearlo a la derecha (right) o a la izquierda (left).

text-transform: para ponerlo en mayúsculas (uppercase), puedes eliminar esta línea si quieres que aparezca normal. O cambiar uppercase por lowercase (minúsculas) o capitalize (versalitas).

line-height: el espacio entre las líneas, para que los botones no se monten encima de la línea de texto.

Con este código, se vería así:

Mucho mejor ¿verdad?

 

 

(adsbygoogle = window.adsbygoogle || []).push({});

CÓMO PERSONALIZAR LOS BOTONES DE LA BARRITA DE COOKIES DE BLOGGER

Y el toque final: los botones de Más Información y Entendido. Solo tienes que añadir el siguiente código debajo del anterior:

#cookieChoiceInfo a {
font: normal normal 15px ‘Patrick Hand SC’ !important;
text-decoration:none !important;
color: #000000 !important;
background-color: #ffffff !important;
}

font: el tipo de fuente y tamaño.
color: el color del tipo de letra.
background-color: el color de fondo del botón.
Resultado:
¡Genial! Totalmente a juego con el diseño de nuestro blog y con el código y texto oficial de Google para estar bien seguras de que cumplimos la normativa y no nos llevamos ningún susto innecesario.¿Y cuánto has tardado? ¡Nada! En un par de minutos la tienes lista. Y ya puedes estar tranquila y seguir trabajando en tu blog sin preocuparte por si cumples o no la ley de cookies en septiembre. ¡A despreocuparte completamente!

 

 

(adsbygoogle = window.adsbygoogle || []).push({});

EDITADO: CÓMO PONER LA BARRA DE COOKIES ABAJO

La dichosa barrita funciona con un script que instala Google en nuestro blog, así que para modificarlo tenemos que volver a dar las órdenes de posición a blogger. Sin olvidar poner !important al final de cada una de ellas para que sepa que son prioritarias.

Para hacerlo, volvemos al primer código que instalamos:

#cookieChoiceInfo {
background-color: #8FE1D8 !important;
color: #000000 !important;
font: normal normal 12px ‘Arial’, cursive !important;
text-align: center !important;
text-transform: uppercase !important;
line-height: 300% !important;
}

Y añadimos:

#cookieChoiceInfo {
top: auto !important;
bottom: 0px !important;
background-color: #8FE1D8 !important;
color: #000000 !important;
ont: normal normal 12px ‘Arial’, cursive !important;
text-align: center !important;
text-transform: uppercase !important;
line-height: 300% !important;
}

Lo que estamos haciendo es decirle a Blogger que ahora queremos que la posición respecto a la parte superior del blog sea automática y respecto a la zona inferior de 0px. Así nuestro aviso de cookies ahora se verá en la parte de abajo del blog.** Gracias a Aisha de Elai the Blogger por el comentario sobre poner auto en vez de el % en el valor top **



EDITADO: CAMBIAR EL TEXTO QUE APARECE EN EL AVISO DE COOKIES

¿Quieres cambiar el texto por uno más corto o con tus propias palabras? Pues te aconsejo pasar por el tutorial que ha publicado Oloman en su blog ¡super completo!

Visitar Oloblogger

Solucionado, ya puedes quitar tu aviso de cookies, personalizar los colores, tipografías, el texto y colocarlo donde te de la gana. Ya me contarás si te ha funcionado.

Te encantará:

The following two tabs change content below.
Mamá, emprendedora y bloguera a tiempo completo. Ayudo a otras mujeres y madres soñadoras a emprender un negocio online de éxito para encontrar el equilibrio entre su vida personal y profesional.

Pin It on Pinterest

Share This

COMPAGINA TU VIDA PERSONAL Y PROFESIONAL

CURSO-GUÍA GRATIS DE 5 DÍAS PARA MAMÁS EMPRENDEDORAS

¡Bienvenida! Ahora revisa tu correo ;)