Nwlapcug.com


Come modificare il colore di sfondo dei post del Blog in una barra laterale di Blogger

Come modificare il colore di sfondo dei post del Blog in una barra laterale di Blogger


Blogger è un servizio di blogging commercialmente disponibile che permette agli utenti di non solo loro opinioni prima loro lettori del post, ma consente la personalizzazione di mano estesa dei file foglio di stile CSS che controllano l'aspetto di un account blogger. Questi possono essere modificati nella finestra del browser e fare uso di una codifica esadecimale del colore per i colori di sfondo di elementi, tra cui la barra laterale dove risale collega Vai.

Istruzioni

1

Accedere alla console di amministrazione in Blogger.

2

Fare clic sulla scheda "Design", quindi fare clic sul link che dice "Modifica HTML". Fare clic nel campo di immissione testo dove si trova il codice.

3

Digitare "Ctrl-F" nella finestra del browser. Nella casella di ricerca, immettere quanto segue: "/ * definizioni variabili." Vedrete un blocco di codice che assomiglia a questo:

< nome variabile = "keycolor" Descrizione = "Colore principale" type = "colore" di default = "#66bbdd" value = "#66bbdd" / >

4

Inserire una riga vuota dopo il codice scoperto nel passaggio precedente e incollare il seguente codice subito sotto la riga vuota:

< gruppo Descrizione = selettore "Sfondo Sidebar" = "corpo" >

< name="sidebar.bgl.color variabile" Descrizione = "Left Sidebar BG Color" type = "colore" default = "#DCDCDC" value = "#DCDCDC" / >

< name="sidebar.bgr.color variabile" Descrizione = "Right Sidebar BG Color" type = "colore" default = "#666666" value = "#666666" / >

< / i >

5

Immettere il seguente testo nella finestra di ricerca del browser: ">< / b:skin >." Quando lo trovi, incollare le due righe seguenti immediatamente prima le due parentesi quadre (sembrano come questo - "]") nella finestra del codice:

Column-sinistra-interno, colonna-sinistra-esterno {background: $(sidebar.bgl.color);}

Column-diritto-interno, colonna-diritto-esterno {background: $(sidebar.bgr.color);}

6

Salvare le modifiche, aprire la scheda di progettazione del modello e quindi fare clic sulla scheda avanzata. Si vedrà la nuova opzione di sidebar che è stato creato e possibile testarli prima di commettere a loro.

Consigli & Avvertenze

  • La parte del codice dove la barra laterale cambia colore è i blocchi nel passaggio 4 dove l'etichetta dice "#DCDCDC" e "#666666." Cambiando le lettere e i numeri ci..--sono in formato esadecimale..--è possibile modificare il colore della barra laterale per quasi nulla.