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 :)

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.

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.

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!