Come aggiungere Solid barre laterali su un layout di modelli di Blogger

March 23

La maggior parte dei modelli di Blogger comprendono almeno una barra laterale per caratteristiche come blogroll, archivi e link di navigazione. I colori spesso si fondono con il resto di sfondo della pagina di default. Per rendere il vostro sidebar un colore solido, è necessario inserire il codice in più nel layout HTML.

istruzione

1 Accedi a Blogger e clicca su "Design" sotto il blog di cui si desidera cambiare barra laterale.

2 Fare clic sulla scheda "Modifica HTML", quindi fare clic sulla casella di controllo accanto a "Espandi i modelli widget".

3 Scorrere verso il basso per il codice che inizia con "main-interno .column-destra-esterno" o ".column-sinistra-esterno principale interno", a seconda se la vostra barra laterale si trova sul lato destro o sinistro del layout. Se si dispone di una barra laterale su ogni lato, è possibile applicare modifiche a uno o entrambi.

4 Aggiungere il seguente codice in una nuova riga prima della chiusura "}":

background-color: # 000000;

5 Sostituire "# 000000" con il codice esadecimale del colore solido che si desidera rendere il vostro sfondo sidebar. Il nero è # 000000, rossi # FF0000 e blu # 0000FF, per esempio. Il codice barra laterale completa ora simile a questa:

.column-destra-esterno .main-interno {
Larghezza: $ (main.column.right.width);
margin-right: - $ (main.column.right.width);
background-color: # 000000;

6 Fai clic su "Anteprima" per verificare che hai inserito il codice correttamente, quindi fare clic su "Salva modello" per pubblicare le modifiche.