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í:
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.
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?
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!
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: 90% !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 del 90% (puedes modificarlo hasta que quede a la altura que quieras) y respecto a la zona inferior de 0px. Así nuestro aviso de cookies ahora se verá en la parte de abajo del blog.
Solucionado, ya puedes quitar tu aviso de cookies, personalizarlo y colocarlo donde te de la gana. Ya me contarás si te ha funcionado.
Suscríbete a mis entradas por email para no perderte nada
Tu Correo:
♥ Las recibirás en tu bandeja de entrada el mismo día que sean publicadas ♥