Modificar barra de Cookies

Hola Aladitos!
Se que a muchos nos apareció una cosa así en blogger y no entendíamos nada....
"Las leyes de la Unión Europea (UE) exigen que informes a tus visitantes de la UE de que usas cookies en tu blog. En muchos casos, la ley también exige que obtengas el consentimiento de los lectores."
La cosa es que si no estas dentro de la Union Europea pero queres ver el anuncio de cookies , abrí el blog y cámbiale el país (por ejemplo: .es - .uk - .fr)


OCULTAR/ELIMINAR

Plantilla > Editar HTML > CTRL + F *en el cuadro html de blogger* > En el cuadro de búsqueda escribís </head> y click en Enter
Arriba de </head> pegas el siguiente código & listo (:

   <!-- eliminar/ocultar cookies -->
 <script type='text/javascript'>
//<![CDATA[
    cookieChoices = {};
//]]>
</script>

MODIFICAR

Para modificarlo realizas los mismos pasos a diferencia de que pegas el siguiente código arriba de </head>

<!-- modificar cookies -->
 <script type='text/javascript'>
//<![CDATA[
    cookieOptions = {msg:'Utilizamos cookies propias y de tercero para ayudarte en tu navegacion. Si continuas en este sitio web se entiende que aceptas el uso de cookies.', close:'Entendido', learn:'Más información', link: 'LINK A LAS POLITICAS DE TU BLOG'};
//]]>
</script>


AGREGAR UN ANUNCIO DE COOKIES PERSONALIZADO

Plantilla > Editar HTML > CTRL + F *en el cuadro html de blogger* > En el cuadro de búsqueda escribís </body> y click en Enter
Arriba de </body> pegas el siguiente código & listo (:

<!--Inicio Cookies-->
<div id='barracookies' style='display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:20px;background: #FFFFFF;color:000000;z-index: fcaaaa;'>
<div style='width:100%;position:absolute;padding-left:4px;font-family:verdana;font-size:11px;top:5%;text-align:center;'>
<span>Utilizamos cookies propias y de terceros para facilitarte la navegación. Si seguis navegando consideramos que aceptas el uso de cookies</span>
<a href='javascript:void(0);' onclick='PonerCookie();' style='padding:3px;background:#660099;text-decoration:none;color:#ffffff;border-radius:10px;'><b>OK</b></a>
</div>
</div>
<script>

 function getCookie(c_name){
  var c_value = document.cookie;
  var c_start = c_value.indexOf(&quot; &quot; + c_name + &quot;=&quot;);
  if (c_start == -1){
  c_start = c_value.indexOf(c_name + &quot;=&quot;);
  }
  if (c_start == -1){
  c_value = null;
  }else{
  c_start = c_value.indexOf(&quot;=&quot;, c_start) + 1;
  var c_end = c_value.indexOf(&quot;;&quot;, 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) ? &quot;&quot; : &quot;; expires=&quot;+exdate.toUTCString());
  document.cookie=c_name + &quot;=&quot; + c_value;
 }
 if(getCookie(&#39;aviso&#39;)!=&quot;1&quot;){
  document.getElementById(&quot;barracookies&quot;).style.display=&quot;block&quot;;
 }
 function PonerCookie(){
  setCookie(&#39;aviso&#39;,&#39;1&#39;,365);
  document.getElementById(&quot;barracookies&quot;).style.display=&quot;none&quot;;
 }
 </script>
<!--FinCookies-->
Barrita de Cookies de Personalizacion de Blogs *de acá saque lo ultimo y lo modifique a mi manera*

PD: Lo que esta en violeta es lo que se puede modificar, también pueden modificarse otras cosas pero son ínfimas. 
Si tienen algún problema no duden en consultarme, yo soy una principiante en esto pero me las arreglo jaja 

26 comentarios:

Irissë Eärwen dijo...

Hola! Que buen dato, voy a guardar tu entrada si me lo permites, para cambios posteriores, saludos!

Ara Martinez dijo...

Holi :D Claro, no hay problema, estas cosas siempre sirven y mas ahora con el aviso ese que nos aparece a la mayoría. Un besito :*

Paty C. Marin dijo...

Gracias, voy a modificar, que es muy feo el que hay :)

J.L. Coll dijo...

¡Hola!
¡Muchas gracias! Ahora mismo voy a cambiarlo ~

Ailen Garcia dijo...

Hola! Gracias por el tutorial. Me dijeron que no debería eliminarse u ocultarse el aviso porque podes tener problemas legales. No hay problema con cambiarlo y hacerlo un poco mas lindo, pero moi deberíamos sacarlo. Saludos (:

silvia s dijo...

Pues muchas gracias por el consejo, me gusta tu tutorial. Por cierto, me quedo por aquí. un saludete.

Romana non roman dijo...

¡Hola! Gracias por publicar esto jaja no sé si sacar el aviso o no, encuentro que ocupa demasiado espacio pero no quiero tener problemitas y me da una flojera enorme personalizarlo jaja
¡Besitos!

Ángela Castillo dijo...

Graciaaas! No entendía nada jaja

Duky Moreno dijo...

Interesante, gracias por compartir ;)

Ara Martinez dijo...

De nada :3 jaja si era horrible, y a algunas nos tapaba el menu grr Suerte, besitos :*

Ara Martinez dijo...

Hola :D De nada, suerte, un besito :*

Ara Martinez dijo...

Holi, de nada :3 Ah, eso no tenia ni idea, si fuera mas lindo lo dejaria pasar pero esta feito jaja Un besito :*

Ara Martinez dijo...

De nada :3 Genial (L) Un besito :*

Ara Martinez dijo...

Hola :3 De nada! jajaj podes modificar el texto así aparece mas chiquito si no tenes ganas xD
Un besito :*

Ara Martinez dijo...

De nada :D jajaja me paso igual cuando me apareció el cartelito xd Un besito :*

Ara Martinez dijo...

De nada :3 Un besito :*

MMEUC M. dijo...

Mola!
Muchas gracias por compartirlo!
Un beso
MMEUC

Señorita Papaya dijo...

Por suerte tengo Wordpress, jajaja. :) De todos modos es genial tener estos posts a la mano. ;) Besos.

Ara Martinez dijo...

Holi, de nada :D Un besito :*

Ara Martinez dijo...

jaja mejor, no tiene tantos problemas como blogger xd Un besito :*

Vanii Márquez dijo...

¡Hola! Muchas gracias por compartir el post. :)
La verdad es que soy nueva y no entiendo mucho (nada) de esto. Quería preguntarte ¿después que haces uno de los pasos: el aviso desaparece o sigue ahí? Capaz mi pregunta es tonta, pero en serio, no entiendo nada.
Besos :)

Ara Martinez dijo...

Hola :3 jaja te entiendo, yo no entendía nada antes, y ahora maso menos nada mas xd
Si queres ocultar el aviso ese negro que aparece por defecto tenes que seguir los pasos de: "OCULTAR/ELIMINAR", es decisión tuya eliminarlo o si queres cambiar el texto seguir los pasos de "MODIFICAR" y bueno si no te gusta aunque este modificado primero seguis los pasos de "OCULTAR/ELIMINAR" & después los de "AGREGAR UN ANUNCIO DE COOKIES PERSONALIZADO". Nose si se entiende, pero suerte! Si no escribime un email y te ayudo pero es sencillo, despues de agregar el código siguiendo los pasos, lo guardas y listo.

Yudel Carta dijo...

Hola Araceli gracias por el post es magnifico, la verdad me tenia muy mosqueado esa barra enorme que nos pusieron sin mas, tuve que quitar la que tenia yo puesta, y dejar esa horrible. Yo he modificado un poquito los parámetros y he conseguido los colores y el ancho de la barra un poco mas acorde a los colores de mi blog www.lawebdelyuyo.eu pero en principio me sirvió de ayuda mucho tu publicación. te seguiré a partir de ahora ya que mis conocimientos en html son muy limitados casi nulos a decir verdad, gracias de nuevo, saludos Yudel

Ara Martinez dijo...

Hola Yudel! De nada! jaja si, era muy fea la barra que pusieron por defecto n.n Acabo de entrar a tu web y vi la barra y te quedo genial! Te diría que lo subas un poco o que achiques la letra porque no se ve entero, igual no es muy importante pero si te importa la estática si queres cambia eso :D Gracias por seguirme! Un besito :*

Yudel Carta dijo...

gracias Araceli, no me había dado cuenta porque la pantalla de mi PC es grande y se veía en una sola linea, pero lo que hecho es que he acortado el texto ya que era un poco enciclopédico de lo largo que es jajaja había usado el texto de google completo pero eso no es necesario, gracias de nuevo.

Ara Martinez dijo...

De nada, ya me pase y te quedo genial n.n jaja es larguísimo, yo también lo acorte :3 Un beso :*