Personalizar Barra de Cookies do Blogger

6 de agosto de 2015
customize blogger cookie bar notification

Para quem vive na europa ou visita blogs europeus já deve ter reparado que o google, devido as novas leis europeias sobre cookies, decidiu colocar uma barra de notificação para avisar os leitores que o blog que está a ler faz uso de cookies.
Como a barra e a mensagem que aparecem é muito bonita e combina com qualquer layout, só não combina com 90% dos blogs, vou ensinar como personalizar a mensagem e a barra.
Vamos lá tentar fazer com que, pelo menos, fique mais bonita.
No painel do blogger, vai a Modelo -> Editar HTML -> Procurar por ]]></b:skin>
Logo abaixo do código procurado colar:
<!--Barra Cookie CaosAleatorio.com-->
<script type='text/javascript'>
cookieOptions = {
msg: &quot;Utilizamos cookies para melhorar a experiência do leitor. Ao utilizar o blog, concorda com a nossa utilização de cookies.&quot;,
link: &quot;http://www.caosaleatorio.com.com/p/politica-de-privacidade.html&quot;,
close: &quot;Entendi!&quot;,
learn: &quot;Ler Mais&quot; };
</script>
<style>.cookie-choices-info {z-index:999999!important;background-color:#fff!important;
font-size:9px;height:45px!important;margin-top:-10px!important;font-family: pt sans!important;box-shadow: 1px 1px 1px #e1e1e1;bottom:0!important;}
.cookie-choices-button{background-color: #0336cf!important;font-size:12px!important;box-shadow: 2px 3px 2px #e1e1e1;}</style> 
Personalizar apenas o que está assinalado no código:
O que está a negrito diz respeito à mensagem. Deves escolher uma mensagem para avisar que o teu blog usa cookies.
No link a negrito podes colocar o link da tua página de privacidade ou então este link do google https://www.google.com/policies/technologies/cookies/


Para retirar a barra de coockies é só trocar o código acima por<style>.cookie-choices-info {display:none;}</style>, no entanto, o teu blog infringe a lei e pode ser eliminado.

Caso queiras que a barra apareça no fundo em vez de aparecer no topo do blog é só inserir em .cookie-choices-info o seguinte código top: inherit!important;

Espero que consigam personalizar a vosso gosto, caso precisem de ajuda em alguma coisa é só deixar um comentário ;)

17 comentários:

  1. Excelente tutorial.
    Consegui mudar a minha barra.
    Obrigada.

    ResponderEliminar
    Respostas
    1. Fico feliz por saber que o tutorial ajudou. Se precisares de ajuda em mais alguma coisa é só dizer. Mas só ajudo em troca de um bolo ahaha (brincadeira)

      Eliminar
  2. E não dá para retira-la apenas? É que enerva-me solenemente!

    ResponderEliminar
    Respostas
    1. Já actualizei o post com o código para ocultar a barra de coockies, mas como expliquei assim o blog infringe as regras e o "google" pode eliminar-lo (o que acho pouco provável acontecer).
      Antes de ocultares, experimenta usar o primeiro código do post. Como tens aquele menu no topo acho que a barra de coockies com uma mensagem mais pequena vai ficar escondida por de trás dele e ninguém a verá.

      Eliminar
  3. Bruno, sou iniciante em blog e tenho dificuldades em colocar as informações de cookies no meu blog, não sei se estou fazendo o certo, a informação de procacidade tem que ficar visível?

    ResponderEliminar
    Respostas
    1. Olá, não precisas de colocar a informação de cookies, o blogger automaticamente avisa que o teu blog usa cookies.
      Na europa a lei exige que todos os utilizadores sejam avisados, como vives no brasil não te aparece o aviso, mas quando eu entro no teu blog aparece uma barra cinzenta avisar.
      O tutorial serve para modificar a barra para ficar mais bonita. Vê a imagem que coloquei no post.

      Eliminar
  4. Bruno,
    Usei seu tutorial, mas acredito que por viver no Brasil essa barra não apareça pra mim. Pode me confirmar se é isso mesmo e se ela aparece corretamente para você?

    ResponderEliminar
    Respostas
    1. Como não estás na Europa não aparece, mas quando alguém na Europa entra no teu blog aparece e agora está personalizada, mais pequena e bonita ;)

      Eliminar
  5. Obrigada Bruno!! Agradeço :)
    E continue com o blo, está muito legal!

    ResponderEliminar
  6. Bom dia Bruno. Não entendo essa parte de cookies e não sei ver se o meu blog tem esse aviso. Como vc poderia me ajudar?
    Agradeço.

    ResponderEliminar
    Respostas
    1. Olá! Procurei no seu blog de onde era, mas não encontrei a informação, mas penso que sejas do brasil.
      Este aviso de cookies são tem para quem vive na Europa. Ou seja quem não for da Europa não vê o aviso.
      Eu como vivo em Portugal quando entro no seu blog vejo o aviso (a barra cinzenta igual à imagem que tem no post).
      Se precisar de mais ajuda é só deixar um comentário ou alguma das suas redes sociais ;)

      Eliminar
  7. Uma dica muito útil, obrigada por partilhar.

    ResponderEliminar