Aviso de Cookies en Blogger

Seguramente te habrás dado cuenta que navegando por Internet en estas últimas fechas casi todas las webs o blogs tienen un banner flotante avisando que estas entrando en un espacio que usa cookies de terceros, y que tienes que aceptar su uso para seguir navegando en esa web.
Eso se debe a la entrada en vigor de la llamada Ley de Cookies, un apartado de la LSSI que se modificó en el Real Decreto-Ley 13/2012, que dice algo así como que tienes que avisar a los nuevos visitantes de tu web de que se le van a instalar en su equipo una serie de cookies tuyas y de terceros (Facebook, Google, Twitter, AdWords...) y para qué son esas cookies.
Para algunas cookies no es necesario advertir nada, ya que son cookies que son básicas para la navegación web (detección de idiomas, horario...) pero hay otras cookies que si estas obligado a notificar que son usadas y que se van a instalar: cookies de publicidad, de análisis y seguimiento.
Si usas este segundo tipo de cookies, no te queda más remedio que poner el aviso explicando cómo desinstalarlas y qué cookies son; o exponerte a la sanción que puede llegar a a ser hasta de 150000 €urazos.



Así que para no jugármela (aunque las cookies que uso no son nada del otro mundo: Google+, Blogger, Analitycs y Twitter) voy a poner el aviso y de paso te digo como lo he hecho por si quieres ponerlo tu también.

1. Una vez entremos en nuestro perfil de Blogger nos vamos a Diseño, y en la parte de abajo de la plantilla (footer) le damos Añadir Gadget. 
   
2. Buscamos el tipo de Gadget HTML/Javascript. 
   
3. En título no hace falta poner nada, en el cuadro de texto ponemos el siguiente código y aceptamos.

    <div id="barracookies" style="display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;background: #333333;color:#d7c712;z-index: 99999;">  
    <div style="width:100%;position:absolute;padding-left:5px;font-family:verdana;font-size:12px;top:30%;">  
     Usamos cookies propias y de terceros para ayudarte en tu navegaci&oacute;n. Si continuas navegando consideramos que aceptas el uso de cookies.  
     <a href="javascript:void(0);" style="padding:4px;background:#4682B4;text-decoration:none;color:#fff;" onclick="PonerCookie();"><b>OK</b></a>  
     <a href="http://www.google.com.ar/intl/es-419/policies/technologies/types/" target="_blank" style="padding-left:5px;text-decoration:none;color:#ffffff;">M&aacute;s informaci&oacute;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>  
   

   La primera parte del código es para personalizar la barrita. Podemos cambiar:
   • El alto

      min-height:40px  
     

   • El ancho

      width:100%  
     

   • El color de fondo

      background: #333333  
     

   • El color de las letras

      color:#d7c712  
     

   • La URL a la que se dirige para dar más información (puedes poner una tuya con todo el texto legal, yo he usado el de Google).

      <a href="javascript:void(0);" style="padding:4px;background:#4682B4;text-decoration:none;color:#fff;" onclick="PonerCookie();"><b>OK</b></a>  
       <a href="http://www.google.com.ar/intl/es-419/policies/technologies/types/" target="_blank" style="padding-left:5px;text-decoration:none;color:#ffffff;">M&aacute;s informaci&oacute;n</a>  
     

   • Después viene el script que coloca la cookie, la revisa y marca si somos usuarios nuevo o no. Si no conoces mucho de Javascript, no lo toques!
4. Por último, le damos a guardar disposición y ya está nuestra barrita en la parte de abajo de Blogger. 
   

Por cierto, el código original pertenece a Clicklow.
¡Hasta la próxima!