Tecnología

Personalización de Blogs Idea guardada 0 veces
Sé la primera persona en valorar esta idea Valorar

Como poner la barrita de cookies en blogger

No me suele gustar publicar sobre cosas que ya han sido publicadas tropecientas veces en otros lados.
Ojo, seguro que lo hago, pues realmente no leo otros blogs sobre mi temática, pero si algo sé o intuyo que ya lo han publicado mil sitios más, pues trato de evitarlo, porque para qué.
Si es algo tipo el post sobre si es mejor blogger o worpdress, pues sí, porque al final yo doy mi punto de vista (pues "mejor" es algo supersubjetivo), pero eso, algo como lo del aviso de cookies... no tiene mucho sentido.
Sin embargo me lo habéis pedido bastantes veces. No sé si porque no habéis buscado cómo hacerlo, o no lo habéis entendido o porque no os gustaba la barrita (muy probable), así que vengo con un tutorial.
La barrita en cuestión es lo más mona y discreta que puede ser dentro de lo que cabe. La ví en un blog, me gustó y le "robé" el código de su código fuente... :P
Si no os gusta, buscad por la web que encontraréis muchas más. Pero a mi esta me parece muy mona :)
Es superfá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

Pero que no cunda el pánico, que ahora lo explico más detenidamente y además os pongo el código y os digo también qué podéis cambiar.
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 dais a Guardar plantilla y... ¡tachán! Ya está en vuestro blog.
Fijaos abajo:


El código:
El código que yo he puesto me pone la barrita gris, el "botón" del Ok en rosa, y el más información en blanco, pero podéis personalizarlo para que vaya con vuestro blog.
El código del ejemplo es este:<!--Inicio Ley cookies PdB-->

<div id="barracookies" >

<div >

<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 onclick="PonerCookie();" ><b>OK</b></a>

<a href="http://personalizaciondeblogs.blogspot.com/p/cookies.html" rel="nofollow" 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-->
Os he puesto en rosa lo que tenéis 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
http://personali... ? aquí podéis poner el link a una página de vuestro blog explicándolo

#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áisNota I: 

Bueno, por poder cambiar podéis 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á mona así que no la tocaría. Simplemente los colores y el texto ;)

Nota II: 

lo normal es que las únicas cookies que uséis sean las de AdSense si tenéis y las de vuestras estadísticas.

Si usáis un servicio de estadísticas que no sea Google Analytics, tendréis que redactar (o sea, copiar y versionar de otro blog jaja) una página en la que lo expliquéis. Si solo usáis las de Google, os vale con poner en link a la página de ayuda de Google en el que lo explican. Es esta. 

Y creo que con esto estaría todo. Espero que os haya sido útil. 


Blogger | Email  | RSS | Bloglovin" | Feedly 

Enlaces relacionados: 1. Índice de todos mis tutoriales y posts

¡Gracias por suscribirte! Mil besos, Blanca

Fuente: este post proviene de Personalización de Blogs, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Recomendamos

¡No te pierdas nuestra selección diaria!

Suscríbete y recibirás en tu correo nuestras mejores ideas

Suscríbete ahora

Relacionado

guías y tutoriales informática blogger ...

Poner el aviso de uso de cookies en nuestro blog

Hola amores!! La verdad es que en este país se inventan leyes y normativas bastante absurdas, y ahora les ha dado por la política de uso de los cookies. Y para que no nos caiga una multa del copón hay que poner un aviso en el que se informa a los lectores del blog que se está recopilando información de sus visitas, lo que ya he nombrado como cookies. ¿Y que son las cookies? Pues básicamente son ...

internet blog intermedio ...

Cómo poner un contador regresivo en Blogger

Si pasaste por mi blog de Servicios de Diseño Gráfico entre el 28 y 29 de noviembre seguro que viste el contador regresivo que instalé para que se viera el tiempo que quedaba para poder disfrutar de la oferta. Me gustó porque es sencillito pero puede personalizarse y queda bastante integrado en la web. Ahora que se acerca la Navidad puede usarse para contabilizar los días que faltan para fin de añ ...

general ayuda blogger script

Como modificar u ocultar el anuncio de cookies de blogger

Hola! cómo están? no esperaba escribir hasta el viernes día del Reto Amistoso pero tras estar gran parte del día de ayer "liada" intentado cambiar el precioso anuncio de Blogger acerca de las cookies, pues me he decidido compartir mi experiencia por si a alguna le trae de cabeza el anuncio cómo a mi. El dichoso anuncio no tiene un estilo propio (tamaño, tipo de letra, color) coge por def ...

internet blog intermedio ...

Cómo poner la fecha debajo del título en Blogger

Si has visitado mi página de Cursos para Bloggers puede que te hayas fijado en la posición de la fecha de las entadas del blog, centrada debajo del título. Me han llegado varios emails preguntándome una manera sencilla de mover la fecha en Blogger... Y bueno, no sé si será la más sencilla de todas, pero es la que he usado yo y puedo asegurarte que funciona.Mover la fecha debajo del título 1.- Abri ...

blogger tutorial blogger

Tutorial Blogger, poner firma en los comentarios.

¡Buenos días! hoy comienza la serie de tutoriales blogger sencillos. Como poner el enlace a tu blog como firma cuando haces un comentario. Si estas empezando en este mundo 2.0, ya sabes lo bueno que es pasar por otros blogs, conocer a gente que hace tu mismo trabajo, leer los comentarios que le escriben y comentar tu también. Cuando comentas en un post muestras tu interés, que te ha gustado y es ...

general seo

Google Structured Data Testing Tool: Cómo poner correctamente los datos estructurados en una web.

Los datos estructurados permiten a los motores de búsqueda determinar que ciertas partes de una página web, se corresponden a una representación determinada en los resultados de la búsqueda de un usuario. Es decir, permiten al buscador formatear los resultados de las búsquedas de sus usuarios, de tal manera que al presentarlos, se distinga perfectamente cada apartado localizado dentro de las págin ...

avanzado BLOG blogging ...

Cómo instalar un slider de imágenes en blogger

Esta semana he recibido un correo con esta duda: ¿Cómo instalar un slider de imágenes debajo del cabecero en blogger? Y no es la primera vez que me preguntan por el mismo tema. Este tipo de correos no puedo contestarlos uno a uno, prefiero anotar las dudas y cuándo se repiten mucho, desarrollar un tutorial en el blog, para que pueda verlo todo el mundo. Si me conoces un poco, ya sabes que no soy m ...

Blogging PLANTILLAS BLOGGER DIY ...

Como poner la biografía de bloggers invitados

¿Eres de los que tienes bloggers invitados que de vez en cuando postean en tu blog? Si estas asintiendo con la cabeza entonces sabrás la importancia que tiene para ese blogger sentirse como en casa, hay que hacerle sentir que es importante para ti y para tu publico, que no le quieres perder y que a su vez el se sienta cómodo, único e irreemplazable, pues el aparte de darte un post, ha hecho un tra ...

general medios sociales promocionar tu blog

Cómo poner otros botones para compartir en el blog

Os habréis dado cuenta ya que los iconos para compartir que trae Blogger, son bastante pequeñitos y discretos: Por eso yo los cambié hace ya tiempo por otros que pasan un pelín menos desapercibidos: Tampoco quiero ser "pesada" y poner unos gigantescos, pero esos me parece que se ven lo suficientemente bien como para "recordar" a la gente que pueden compartir mi post en las re ...

internet blog intermedio ...

Cómo quitar el mensaje de Cookies de Blogger

Si tienes un blog en blogger, has debido recibir el aviso por correo de que en septiembre debes cumplir con la política de cookies. Y por si no sabes cómo hacerlo, si tu blog es de blogger, ellos se han encargado de que el aviso aparezca bien grande en el cabecero de tu blog. Así: Es una obligación que debemos cumplir, pero si ya tenías instalada tu barrita acorde con el diseño de tu blog, es un f ...