Lavoriamo insieme ✨

Sei pronta a diventare la blogger che hai sempre sognato di essere?
Agire facendo il primo passo è un ottimo modo per cominciare ecco chi sono

Blogger in Azione

Blogger in Azione

Primi Passi

Primi Passi

F.A.Q.

F.A.Q.

BARRA dei COOKIE di Blogger: tutorial facile su come personalizzarla

9.11.21
Simona S.
2 commenti

Ti sono mancati i miei tutorial per abbellire il tuo blog? Bene, perché oggi ritorno con un tutorial che renderà molto più carina la barra dei Cookie dei blog ospitati su Blogger :)

barra dei cookie di Blogger: come personalizzarla

Su Blogger abbiamo la fortuna di avere una barra dei cookie già preimpostata, e che consente all'utente di continuare la navigazione semplicemente cliccando su OK. Questo perché essendo noi ospiti della piattaforma utilizziamo i suoi cookie, ma ricorda che è sempre opportuno avere una pagina di Privacy Policy per dichiarare quelli che invece usi tu e spiegare all'utente cosa accade ai suoi dati quando naviga sul nostro blog.

Fatta questa premessa, arriviamo subito al tutorial che è talmente facile da farmi quasi vergognare 🙈.

*Blog tips: apri una finestra in incognito, che ti consente di entrare come nuovo visitatore, per verificare lo stile della barra dei cookie, così potrai vedere il prima e il dopo. Trovi l'opzione nelle impostazioni del tuo browser.

Ecco come si presenta la barra predefinita di Blogger.

barra dei cookie di Blogger: come personalizzarla

La barra di Blogger non è certo delle più belle e creative, anche se va bene per quei blog dalla grafica minimal ed essenziale. Ciò che disturba forse di più è la visualizzazione da mobile, perché i caratteri sono grandi e lo spazio che occupa è eccessivo. Ma sono gusti personali.

Questa qui sotto è, invece, la mia barra dei cookie personalizzata sia nei colori che nella grandezza dei caratteri.

barra dei cookie di Blogger: come personalizzarla

Ciò che devi fare è copiare il codice qui sotto e inserirlo nel CSS del tuo blog.

Se non sai come fare qui trovi il tutorial su dove inserire il codice nel CSS.

/* BARRA COOKIES ------------------------ */
.cookie-choices-info {background-color: #b37729c7 !important;}
.cookie-choices-info .cookie-choices-text, .cookie-choices-info .cookie-choices-buttons {font-size: 12px !important; color: #fff !important;line-height: 130%;}
#cookieChoiceDismiss { background: #556c5a; padding: 10px 9px; border-radius: 50%;}

Quale codice modificare per personalizzare la barra dei cookie.

Per inserire i tuoi colori e abbinare lo stile grafico della barra dei cookie a quello del tuo blog devi cambiare il valore del background (o background-color, che si riferisce allo sfondo).

Nel caso tu volessi la barra bianca e il testo colorato, oltre a cambiare lo sfondo, devi modificare il valore di color (che riferisce al colore del testo).

Per personalizzare il bottone OK, devi modificare il background di #cookieChoiceDismiss.


Il tutorial è terminato, te lo avevo detto che sarebbe stato vergognosamente breve e semplice. Ma se tu dovessi avere problemi nel metterlo in pratica nel tuo blog, non farti problemi nel chiedere aiuto nei commenti :)

E, a proposito di commenti, sto preparando un altro tutorial su come addobbare i nostri blog per il periodo natalizio 🎄. Ti piace l'idea? Lasciami un commento e fammi sapere cosa ne pensi!

barra dei cookie di Blogger: tutorial per personalizzarla


2 commenti in "BARRA dei COOKIE di Blogger: tutorial facile su come personalizzarla"

  1. Io ho sempre il terrore di toccare i codici😓, ma se tu prepari qualcosa per Natale…

    RispondiElimina
    Risposte
    1. Il trucco è fare sempre prima il backup della grafica, cosi se si sbaglia si può sempre tornare indietro 😉
      Sì, per Natale ho intenzione di rispolverare i "vecchi addobbi" 😍

      Elimina

Grazie di aver commentato!
Solitamente rispondo ai commenti nelle prime 24 ore, se hai richieste urgenti puoi scrivermi usando il modulo dei contatti :)

Per favore NON lasciare link, a meno che non siano richiesti espressamente nel post stesso.
I commenti con link non richiesti o con link affiliati verranno considerati come SPAM e quindi subito cancellati.
So che capirai ;)