15.8.17

Personalizar a mensagem de cookies


Ohayou, minna!
Sim, o blog está quase morto, mas isso não significa que eu não tenha alguns tutoriais úteis para vos trazer. Por exemplo, o próximo post será sobre... tã-dã, como tornar blogs DO BLOGGER responsivos! Será um post super extenso e que virá acompanhado de uma base, para quem não quiser personalizar tudo do zero. Deu muito trabalho a fazer, assim como a base, principalmente considerando que a maioria dos tutoriais - e eu procurei em diversas línguas - não estavam adaptados ao blogger, ou pelo menos não aos modelos base que o nosso nicho costuma usar. Então após muito esforço, posso afirmar que está quase tudo pronto, e que vos será bastante útil.

Por hoje, vou ensinar a modificar a mensagem de cookies que costuma aparecer no topo do blogger. Créditos e mais informação: www

Antes de tudo, porquê modificar e não remover? Porque removendo aumentaria as chances de o nosso blog ser banido. Só há 3 opções possíveis: ter a mensagem padrão que surge quando se remove a navbar, ter a mensagem encurtada que está incluída nas navbars automáticas do blogger, ou ter uma mensagem personalizada. Aqui está o meu modelo, podem modificar o que quiserem desde que creditem. 

Tutorial

Procurem por:
/b:skin
Por BAIXO, insiram:
<script type='text/javascript'>
  cookieOptions = { /*modifiquem a mensagem como quiserem*/
    msg: &quot;Aceite os cookies para isto desaparecer:&quot;,
    link: &quot;https://www.blogger.com/go/blogspot-cookies&quot;,
    close: &quot;aceitar&quot;,
    learn: &quot;info&quot; };
</script>
    <style>
.cookie-choices-info { /*caixinha que contém a navbar*/
z-index:999999!important;
background-color:rgba(0,0,0,0.5)!important;
text-shadow: none!important;
line-height: 10px!important;
border-bottom: 3px solid rgba(255,255,255,0.5)!important;
box-shadow: none!important;
padding:1px!important;
}
.cookie-choices-info .cookie-choices-text{ /*frase que antecede os botões*/
font-size:10px!important;
color:#dddddd!important;
line-height: 10px!important;
margin-top: -5px;
margin-bottom: -10px;
}
.cookie-choices-info .cookie-choices-button{ /*botões com as opções*/
background-color: #000000!important;
color:#fff!important;
text-shadow:none!important;
font-size: 9px!important;
border-radius: 2px!important;
box-shadow: 2px 2px 0px (0,0,0,0.5)!important;
padding:1px 4px 1px 4px!important;
text-transform: none!important;
}
</style>

Voilá ^^
Eu sei que este post é bastante deprimente e curto, mas foi só para abrir o apetite para o próximo ;)

Sem comentários:

Enviar um comentário