Cómo poner el aviso de Cookies en nuestro Blog

¡Hola! hoy seguimos con un tutorial imprescindible para blogger... ¿sabéis que si no pones el aviso de que tu blog utiliza cookies, te puede caer una multa de 150mil €? por lo menos aquí en España. Pues sí, así es que no olvidéis de ponerlo por si acaso...

¿Cuándo habría que poner este aviso?
Cuando utilizamos el Google Analytics o el StatCounter, o cualquier servicio externo a Blogger que haga una recopilación de información sobre qué hacen nuestros lectores.

Así que os enseñaré a poner ese aviso y a personalizarlo para que al menos no sea feo.
Al lío, vamos a Diseño y añadimos un gadget de HTML/JavaScript y pegamos lo siguiente:

<div id="barritaloca" style="display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;background: #FBAFD8;color:#000000;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 ofrecer info personalizada según su navegación. Si continua navegando consideramos que acepta el uso de cookies.
 <a href="javascript:void(0);" style="padding:4px;background:#F9F5EC;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:#666666;">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("barritaloca").style.display="block";
}
function PonerCookie(){
 setCookie('aviso','1',365);
 document.getElementById("barritaloca").style.display="none";
}
</script>

Así os saldría la barrita tal cual la tengo yo, con los mismos colores, pero vamos a tunearla un poco

Fijaros en este código:

<div id="barritaloca" style="display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;background: #FBAFD8;color:#000000;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 ofrecer info personalizada según su navegación. Si continua navegando consideramos que acepta el uso de cookies.
 <a href="javascript:void(0);" style="padding:4px;background:#F9F5EC;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:#666666;">Más información</a>
</div>
</div>

Bien, es una maraña horrible pero os he puesto en colores lo que tenéis que cambiar y ahora os digo qué es cada cosa:
background: #FBAFD8; Esto es el fondo de la barrita entera
color:#000000; Esto es el color de la fuente
color:#666666; Esto es el fondo del OK
background:#F9F5EC; Esto es el color de la fuente del OK

Cambiando estas cuatro cosillas ya tendréis la barrita apañada.
Ponedla, no vaya a ser que os den una sorpresa desagradable, ¡besitos!