Revista Gadgets

Como implementar el aviso de cookies en blogger

Publicado el 02 octubre 2014 por Danyca
El aviso de cookies suele ser un dilema que algunos usuarios quieren resolver, ya que es importante implementarlo para cumplir el régimen de ley de España que actualmente indica que tenemos que dar algún tipo de aviso a los usuarios.Implementar aviso de cookies

Hay varios diseños, estilos y maneras en las que podemos implementar esté mensaje flotante, algunos más difíciles, otros pocos vistosos y pocos con excelente diseño, margen y escritura como el que te voy a compartir en este momento.

Recomiendo que hagas unacopia de seguridadde tu blog antes de implementar lo, así podrás tener todo tal cual era en caso de que no quieras agregar el método que usaré.
Como primer paso accede al HTML de tu blog, puedes ver como es con el número uno y dos.
Ya que has entrado al código html de tu blog, tienes que ubicar esté código </body> y justo arriba de ese código tienes que pegar el código que colocaré a continuación.
Dato: Recuerda que puedes buscar el código haciendo uso de “CTR sostenido y presionar F”, después colocas el código que sería </doby>y das enter.
<!--Inicio script ley de cookies--><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%;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);" style="padding:6px;background:#4682B4;text-decoration:none;color:#fff;border-radius:5px;" onclick="PonerCookie();"><b>OK</b></a>  <a rel="nofollow" href="http://www.google.com.ar/intl/es-419/policies/technologies/types/" target="_blank" style="padding-left:5px;text-decoration:none;color:#ffffff;">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 script ley de cookies-->

Ya sólo queda guardar la plantilla y hacer tus pruebas para ver qué tal se ve.Si quieres recibir más Gadgets, Widgets, Trucos y Tutoriales para blogger directamente por correo electrónico suscríbete gratis a nuestro blog, visita nuestra página de facebook o añade nuestro feed Rss.

Volver a la Portada de Logo Paperblog