Come modificare il colore di sfondo di post del blog in un Blogger Sidebar

July 20

Come modificare il colore di sfondo di post del blog in un Blogger Sidebar


Blogger è un servizio di blogging disponibile in commercio che consente agli utenti non solo di pubblicare il loro parere prima del loro lettori, ma permette un'ampia personalizzazione mano dei file Cascading Style Sheet che controllano l'aspetto di un account Blogger. Questi possono essere modificati nella finestra del browser, e fanno uso di codifica esadecimale del colore per i colori di sfondo di elementi, tra cui la barra laterale dove recenti collegamenti vanno.

istruzione

1 Accedi al tuo console di amministrazione in Blogger.

2 Fare clic sulla scheda "Design", quindi fare clic sul link "Modifica HTML". Fare clic nel campo di immissione di testo in cui il codice è.

3 Enter "Ctrl-F" Nella finestra del browser. Nella casella di ricerca, inserire le seguenti: "definizioni / * variabili." Vedrete un pezzo di codice che assomiglia a questo:

<Nome variabile = "KEYCOLOR" description = "Colore principale" type = "color" default = "# 66bbdd" value = "# 66bbdd" />

4 Inserire una riga vuota dopo il codice scoperto nella fase precedente, e incollare il seguente codice proprio sotto la riga vuota:

<Description gruppo = "Sidebar sfondo" selettore = "corpo">

<Variabile name = "sidebar.bgl.color" description = "Left Sidebar il colore di sfondo" type = default "colore" = valore "# DCDCDC" = "# DCDCDC" />

<Variabile name = "sidebar.bgr.color" description = "barra laterale destra il colore di sfondo" type = default "colore" = "# 666666" value = "# 666666" />

</ Group>

5 Inserire il seguente testo nella finestra di ricerca del browser: "> </ b: skin>." Quando lo trovate, incollare le seguenti due righe immediatamente prima che le due parentesi quadre (che assomigliano a questo - "]") nella finestra del codice:

.column-sinistra-interiore, colonna di sinistra-esterno {background: $ (sidebar.bgl.color); }

.column-destra-interiore, colonna di destra-esterno {background: $ (sidebar.bgr.color); }

6 Salvare le modifiche, e aprire la scheda Designer modelli, e quindi fare clic sulla scheda Avanzate. Vedrete la nuova opzione barra laterale si è creato, e li potete provare prima di impegnarsi a loro.

Consigli e avvertenze

  • La parte del codice in cui la barra laterale cambia colore sono i pezzi in Fase 4 in cui il tag dice "#DCDCDC" e "# 666666". Cambiando le lettere ei numeri ci - sono in esadecimale - è possibile cambiare il colore della barra laterale a quasi nulla.