Se per informare gli utenti sulla privacy che visitano il tuo Blog per la raccolta dei dati ritieni che sia meglio modificare il banner per i cookie di Blogger; allora sono d'accordo con te! La carenza di stile di quell'avviso è veramente notevole e per niente ergonomico; questo difetto andrebbe corretto perché il design incide molto sulla crescita del blog e leggendo le informazioni che sto per darti ti spiego come abbellire il cookie banner di Blogger.
Cosa bisogna fare?
Con poche regole di stile del CSS puoi modificare il banner per i cookie di Blogger; questa operazione ci consente di personalizzarlo aggiungendo qualche linea di codice in più al tema. Parliamoci chiaro; anche l'occhio vuole la sua parte.
Come modificare il banner per i cookie di Blogger
Prima di vedere come modificare il cookie banner di Blogger mi raccomando di effettuare una copia di Backup del tema; dopodiché accedi al pannello di controllo di Blogger ed esegui questi passaggi:
- Con il tasto sinistro del mouse fai click su Tema.
- Nella schermata che si apre premi sul pulsante che trovi di fianco a Personalizza per aprire il menu a discesa.
- Tra le opzioni fai click su "Esegui Backup" per salvare la copia di sicurezza del tema sul PC in modo da ripristinarlo in caso di ripensamenti.
- Ripeti la stessa operazione ma questa volta premi su Modifica HTML per modificare il codice.
- Posizionati tra i Tag di apertura e chiusura <b:skin> </b:skin> per inserire le regole di stile CSS che trovi di seguito.
.cookie-choices-info.singleton-element{width: 80%; margin: 10%; margin-top: 20%; background: rgba(0,0,0,0.7) } .cookie-choices-info.singleton-element > .cookie-choices-inner > .cookie-choices-text{ text-align: center; color: #ffffff; } .cookie-choices-buttons{ width: 100%; float: left; clear: both; text-align: center;} .cookie-choices-buttons > a.cookie-choices-button:first-child {color: gold;} .cookie-choices-buttons > a.cookie-choices-button:last-child {background: #5493ad; border: 1px solid; border-radius: 3px;}
A questo punto premi su "Salva" per applicare le modifiche al box per l'informativa sul trattamento dei dati; pulisci le cache del browser e vai all'indirizzo del blog per visualizzare la modifica della posizione e dello del banner dei cookie di blogger. Il risultato dovrebbe essere qualcosa di simile a questo.
Modifica al banner dei cookie |
Conclusioni
Ricorda di conservare con cura la copia di backup del tema in modo da rimuovere le modifiche del banner per i cookie in caso di ripensamenti effettuando nuovamente l'installazione.
Commenti
Posta un commento
Commenta