Instale a mesma barra de cookies que utilizo no manualdablogueira.com.br
No seu painel do Blogger, procure por TEMA > PERSONALIZAR que está em um botão laranja. Clique na seta deste botão e em seguida clique em EDITAR HTML.
Agora você está dentro do corpo do seu template, e para adicionar o código, primeiro é preciso encontrar os locais corretos. Então, clique com o mouse em qualquer local em meio aos códigos. No teclado aperte CTRL+F. Uma caixa de busca vai surgir e dentro dela você vai pesquisar os comandos indicados e adicionar os códigos como está explicado a seguir.
Passo 01) Pesquise por </body> e ACIMA dele cole o código abaixo:
<div id='barracookies'>Usamos cookies próprios e de terceiros que entre outras coisas recolhem dados sobre seus hábitos de navegação para mostrar publicidades personalizadas e realizar análises de uso de nosso site. Ao continuar navegando, consideramos que aceita o uso.
<a href='javascript:void(0);' onclick='var expiration = new Date(); expiration.setTime(expiration.getTime() + (60000*60*24*365)); setCookie('avisocookies','1',expiration,'/');document.getElementById('barracookies').style.display='none';'><b>Aceito</b></a> <a href='ADICIONE-A-URL-DA-SUA-PAGINA-DE-POLITICA-DE-PRIVACIDADE' target='_blank'> Quero mais informações</a>
</div>
<script type='text/javascript'>function setCookie(name,value,expires,path,domain,secure){document.cookie=name+"="+escape(value)+((expires==null)?"":"; expires="+expires.toGMTString())+((path==null)?"":"; path="+path)+((domain==null)?"":"; domain="+domain)+((secure==null)?"":"; secure")}function getCookie(name){var cname=name+"=";var dc=document.cookie;if(dc.length>0){begin=dc.indexOf(cname);if(begin!=-1){begin+=cname.length;end=dc.indexOf(";",begin);if(end==-1)end=dc.length;return unescape(dc.substring(begin,end))}}return null}function delCookie(name,path,domain){if(getCookie(name)){document.cookie=name+"="+((path==null)?"":"; path="+path)+((domain==null)?"":"; domain="+domain)+"; expires=Thu, 01-Jan-70 00:00:01 GMT"}}</script>
<script type='text/javascript'>
var comprobar = getCookie("avisocookies");
if (comprobar == 1) {/*Si se ha pulsado OK..que no se muestre el aviso*/
var expiration = new Date();
expiration.setTime(expiration.getTime() + (60000*60*24*365));
setCookie("avisocookies","1",expiration);
document.getElementById("barracookies").style.display="none";
}else {/*Si todavia no se ha pulsado OK..que Si se muestre el aviso*/
document.getElementById("barracookies").style.display="block"; }
</script>
Passo 02) Etapa do design da barra de aviso de cookies. Pesquise ]]></b:skin> e ACIMA dele cole o código abaixo:
/************************* BARRA DE COOKIES ******************************/
#barracookies {
text-transform: none;
display: none;
z-index: 99999;
position:fixed;
left:0px;
right:0px;
bottom:0px;
width:100%;
min-height:69px;
padding:35px 25px;
background: #fff; /*--Cor de fundo da barra--*/
color:#000; /*--Cor da fonte de fundo da barra--*/
line-height:20px;
font-family: 'Poppins', sans-serif; /*--Nome da fonte de fundo da barra--*/
font-size:16px; /*--Tamanho da fonte de fundo da barra--*/
text-align:center;
box-sizing:border-box;
border-top: px solid #ff6030;
}
#barracookies a:nth-child(2) {
padding:8px;
background:#BC8C99; /*--Cor de fundo do botão QUERO MAIS INFORMAÇÕES--*/
border-radius:0px;
text-decoration:none;
font-weight: bold;
margin: 10px 0px;
display: block;
}
#barracookies a {
color: #fff; /*--Cor da fonte do botão ACEITO--*/
text-decoration: none;
background:#faa2cb; /*--Cor de fundo do botão ACEITO--*/
padding:8px;
font-weight: bold;
margin: 10px 0px;
display: block;
}
#barracookies a:hover {
color: #fff; /*--Cor da fonte dos botões--*/
text-transform:none;
background:#ff6030; /*--Cor de fundo dos botões--*/
padding:8px;
}
Passo 03) Troque as cores de acordo com a sua paleta, clique em VISUALIZAR e se estiver tudo ok clique em SALVAR.