La sidebar widget sul tuo sito Web Blogger vengono visualizzati con un colore di sfondo predefinito, ma si ha la possibilità di cambiare queste tonalità aggiungendo Cascading Style Sheets (CSS) al codice. Trovano i widget sidebar a destra o a sinistra del layout del blog, e che contengono determinati elementi, ad esempio link al tuo post di blog individuali, che migliorano l'esperienza del tuo visitatore. Rendere ogni widget sidebar un colore diverso per personalizzare il tuo blog, come si preferisce.

Istruzioni

1

Accedi al tuo account Blogger e fare clic sulla scheda "Layout" Clicca sul link "Modifica HTML" che appare.

2

Fare clic sulla casella "Espandi i modelli Widget" sopra la sezione che contiene il codice del tuo blog. Premere contemporaneamente i tasti "Ctrl" e "F" sulla tastiera e digitare "sidebar-wrapper" (senza virgolette) nel campo di testo che Visualizza per trovare l'area che gestisce la tua sidebar. Premere il tasto "Enter" per evidenziare il codice, che è simile al seguente:

< div id = 'sidebar-wrapper' >

3

Scorrere verso il basso e identificare la sezione di codice che controlla un widget sidebar particolare individuando la voce "title" seguita dal nome del widget. La linea completa di codice simile a questo:

< id widget b = 'HTML4' title = 'Nome di Your Sidebar Widget' type = 'HTML' >

Ogni sezione di codice in genere contiene 10 a 12 linee di sintassi e senza spazi tra le righe.

4

Individuare il "< div class = 'contenuto widget' >" riga nella sezione desiderata del codice e posizionare il cursore prima della parentesi finale. Digitare il seguente codice CSS e immettere un ombra di widget desiderato, come "blue," dopo il "colore di sfondo:" attributo come segue:

< div class = 'contenuto widget' style = "background-colore: blu" >

5

Ripetere i passaggi per ciascun widget sidebar di colore, come si preferisce e fare clic sul pulsante "Preview" per vedere il tuo lavoro. Quando siete soddisfatti, fare clic sul pulsante "Salva modello" per pubblicare i widget sidebar colorate.