Template, dicas sobre como criar e personalizar seu blog no Blogger e Wordpress.

Como usar Barra de cookies código para usar no Blogger Gratis

O Google lançou a algum tempo atrás um aviso no blog exigindo que você informe aos seus visitantes, sobre informações que seu blog recolhe. É importante que você atualize seu blog sobre essas informações, para que seu blog fique em dia com as Leis da União Europeia.

Hoje regra atual que começa a valer nesta sexta-feira 25 de Maio de 2018 exige que vazamento seja avisado em 72 horas e impõe multas duras; apesar de europeia, a lei afeta do Facebook ao Google e até empresas no Brasil. por isso a importância disso. Como o Blogger é da Google e ela é uma empresa que tem ligação com a Europa então esta aí a importância também para com isto.

Se seu blog é da plataforma Blogger com certeza você deve ter visto um aviso do Google sobre as Leis da União Europeia, pedindo para que você informe aos visitantes da sua página sobre os dados  armazenados em seu blog. Caso você não saiba o que são cookies, leia abaixo sobre um pouco disso:



Cookies são algumas informações de internet que são armazenadas temporariamente . Por exemplo, o Google Analytics armazena cookies para gerar estatísticas, assim como o Google AdSense utiliza cookies para gerar anúncios que interessam a você.

Agora vá ao painel administrativo de seu blog e clique na aba Tema.

A seguir clique em Editar HTML e dentro da caixa do código-fonte tecle Ctrl+F.

Agora vá ao painel administrativo de seu blog e clique na aba Tema.

A seguir clique em Editar HTML e dentro da caixa do código-fonte tecle Ctrl+F.

Na barra de busca que aparecer digite </head> e tecle Enter para localizar.

Acima de </head>; cole todo o código que esta Abaixo.

Salve.

Para trocar a cor da barra localize #3C4042 e troque pelo código da cor que desejar.
Para trocar a cor do botão localize #FF9A4F e altere pelo código hexadecimal da cor que desejar.


Demonstração



<!-- PLUGIN BARRA DE COOKIES -->
<script src='//rawcdn.githack.com/widget-s/cookie/ea70ac4989c61bb2075eb49360ccfd013217808b/cookieconsent.js'/>
<script>
window.addEventListener(&quot;load&quot;, function(){
window.cookieconsent.initialise({
&quot;palette&quot;: {
&quot;popup&quot;: {
&quot;background&quot;: &quot;#3C4042&quot;
},
&quot;button&quot;: {
&quot;background&quot;: &quot;#f04c25&quot;
}
},

&quot;content&quot;: {
&quot;message&quot;: &quot;Este blog usa cookies do Google personalizar anúncios e analisar. Isso é feito para garantir que você tenha a melhor experiência.&quot;,
&quot;dismiss&quot;: &quot;Eu aceito!&quot;,
&quot;link&quot;: &quot;Veja a Política de privacidade&quot;,
&quot;href&quot;: &quot;/&quot;
}
})});
</script>
<!-- FINAL DO PLUGIN -->
<style>
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}

.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:14px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}

.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating&gt;.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance&gt;.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}

@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}

.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}

.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
</style>





Nenhum comentário:

Postar um comentário