La barrita en cuestión es lo más discreta.
Si no les gusta, buscad por la web que encontraréis muchas más. Es super fácil de poner. Vamos allá...
Cómo poner el aviso de cookies en blogger
Ir a nuestra plantilla y dentro del body pegar el código.
Guardar
Paso 1)
Vamos a Plantilla - Editar HTML
Paso 2)
Pincháis en algún sitio dentro de la plantilla y luego le dais a Ctrl+F. Así os sale el cuadradito de buscar.
Escribís </body> y le dais a Intro. Y os lo encuentra.
Ahí es donde vais a tener que pegar vuestro código.
Así:
Paso 3)
Una vez pegado, le das a Guardar plantilla y... Ya está en vuestro blog.
El código:
El código pone la barrita gris, el "botón" del Ok en rosa, y el más información en blanco, pero puedes personalizarlo para que vaya con tu blog.
El código del ejemplo es este:
<!--Inicio Ley cookies PdB-->
<div id='barracookies' style='display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:20px;background: #D3D3D3;color:#a2a2a2;z-index: fcaaaa;'>
<div style='width:100%;position:absolute;padding-left:4px;font-family:verdana;font-size:11px;top:20%;text-align:center;'>
<span>Usamos cookies propias y de terceros para ayudarte en tu navegación. Si continuas navegando consideramos que aceptas el uso de cookies.</span>
<a href='javascript:void(0);' onclick='PonerCookie();' style='padding:4px;background:#fcaaaa;text-decoration:none;color:#ffffff;border-radius:5px;'><b>OK</b></a>
<a href='http://personalizaciondeblogs.blogspot.com/p/cookies.html' rel='nofollow' style='padding-left:5px;text-decoration:none;color:#ffffff;' target='_blank'>Más información</a>
</div>
</div>
<script>
function getCookie(c_name){
var c_value = document.cookie;
var c_start = c_value.indexOf(" " + c_name + "=");
if (c_start == -1){
c_start = c_value.indexOf(c_name + "=");
}
if (c_start == -1){
c_value = null;
}else{
c_start = c_value.indexOf("=", c_start) + 1;
var c_end = c_value.indexOf(";", c_start);
if (c_end == -1){
c_end = c_value.length;
}
c_value = unescape(c_value.substring(c_start,c_end));
}
return c_value;
}
function setCookie(c_name,value,exdays){
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}
if(getCookie('aviso')!="1"){
document.getElementById("barracookies").style.display="block";
}
function PonerCookie(){
setCookie('aviso','1',365);
document.getElementById("barracookies").style.display="none";
}
</script>
<!--Fin Ley Cookies PdB-->
Lo que tienes que cambiar:
#D3D3D3 → es el color gris de toda mi barrita
#a2a2a2 → es el color gris más oscuro de la fuente del texto
Usamos cookies... → aquí podéis poner otro texto si preferís
#fcaaaa → es el color rosa de la zona que rodea al Ok
#ffffff → es el color del Ok
OK → aquí podríais poner Yes o Sí o lo que queráis
#ffffff → este último blanco es el color de donde dice Más información
Más información → aquí podríais poner Leer más o lo que queráis
Nota I:
Bueno, por poder s cambiar más cosas. Como la fuente (ahí está verdana), lo redondo que está el "botón" del ok, la posición de la barrita, etc. pero yo creo que con esto está bien sutil, así que no la tocaría. Simplemente los colores y el texto ;)
No hay comentarios:
Publicar un comentario