Come per rendere ogni Sidebar Widget un colore diverso su Blogger

April 18

I widget sidebar sul tuo sito web Blogger appare con un colore di sfondo di default, ma si ha la possibilità di cambiare queste sfumature con l'aggiunta di Cascading Style Sheets (CSS) al codice. I widget sidebar sono situati a destra oa sinistra del layout del blog, e contengono alcuni elementi, come ad esempio collegamenti ai singoli post sul blog, che migliorano l'esperienza del visitatore. Rendere ogni Sidebar widget di un colore diverso per personalizzare il vostro blog, come si preferisce.

istruzione

1 Accedi al tuo account Blogger e fai clic sulla scheda "Layout". Fare clic sul link "Modifica HTML" che appare.

2 Fare clic sulla casella "Espandi i modelli widget" sulla parte superiore della sezione che contiene il codice del tuo blog. Premere contemporaneamente i tasti "F" sulla tastiera "Ctrl" e quindi digitare "sidebar-wrapper" (senza virgolette) nel campo di testo che visualizza per trovare l'area che gestisce la barra laterale. Premere il tasto "Enter" per evidenziare il codice, che assomiglia a questo:

<Div id = 'sidebar-wrapper'>

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

<B widget di id = titolo 'HTML4' = 'Nome del tuo Sidebar Widget' type = 'HTML'>

Ogni sezione del codice contiene in genere da 10 a 12 righe di sintassi e non ha spazi tra le linee.

4 Individuare il "<div class = 'widget di-content'>" riga nella sezione desiderata di codice e posizionare il cursore prima della parentesi finale. Digitare il seguente codice CSS ed inserire un widget di tonalità desiderata, come ad esempio "blu", dopo il "background-color:" attributo in questo modo:

<Div class = 'widget di-content' style = "background-color: blue">

5 Ripetere la procedura per colorare ciascun widget barra laterale, come si preferisce, e quindi fare clic sul pulsante "Anteprima" per vedere il tuo lavoro. Al termine, fare clic sul pulsante "Salva modello" per pubblicare i widget sidebar colorati.