Come modificare il colore dei widget nei blog a Visualizzazione Dinamica di Blogger.

Da un paio di settimane è possibile inserire alcuni widget nei blog a Visualizzazione Dinamica di Blogger. I widget in questione sono solo quelli ufficiali di Blogger quali l'Archivio, i Lettori, le Etichette e il Follow by Email. I gadget in questione vengono visualizzati con effetto slide sulla parte destra de layout e hanno invariabilmente un colore grigio scuro.

Vediamo come sia essere possibile modificare questo aspetto nell'attesa che ci venga data la possibilità di inserire altri tipi di widget e soprattutto la facoltà di personalizzarli. Andiamo su Modello > Personalizza > Avanzato > Aggiungi CSS e incolliamo un foglio di stile sulla parte destra della finestra

Nella Anteprima non sempre vengono immediatamente visualizzate le modifiche. Clicchiamo Applica al blog per renderle effettive. Con un codice di questo genere

.gadget-icons , .ss {
background: #940F04 !important; // Colore principale del widget
color: #FFDDCC !important; // Colore del testo
}
.gadget-content , .ss {
background: #D84938 !important; // Colore del pop-out color: #FFFFFF !important;  // Colore del testo del pop-out }
.gadget-title , .ss {
background: #FF0000 !important; // Colore del campo del widget color: #FFFFFF !important; // Colore del testo del widget
}

dove i parametri in rosso possono essere personalizzati secondo i nostri gusti modificando i codici dei colori, il widget e i relativi pop-out del blog Dynamic Views prenderanno questo aspetto

Usando Firefox insieme a Firebug si può analizzare il codice per scoprire altre classi di stile dei template a Visualizzazione Dinamica e quindi applicare ulteriori modifiche. Quando ci fossimo stancati di questi colori potremmo ritornare a quelli di default semplicemente eliminando i CSS aggiunti.