Vuoi personalizzare il tuo blog di Blogger? Utilizzare questo semplice trucco per abbinare le regole CSS in un modello di Blogger per l'aspetto del blog in un browser.

Istruzioni

Come trovare il codice CSS

1

Accedi a Blogger.

2

Dalla bacheca di Blogger, selezionare il link di Template per il tuo blog.

3

Individuare il codice CSS nel modello di Blogger. Le regole CSS sono nella sezione head del documento. Cercare la regola CSS che controlla l'aspetto dell'elemento che si desidera personalizzare. Qualche volta è ovvio che CSS regola controlla l'aspetto dell'elemento. In tal caso, modificare la regola CSS. Salvare il modello e ripubblica il blog.

Altre volte si desidera modificare qualcosa e non è così ovvio che regola lo controlla. Se questo è il caso, seguire i passaggi nella sezione successiva.

Come utilizzare visualizzazione origine per trovare la regola CSS per personalizzare

4

Visualizza il blog di un browser come lettori sarebbero vederlo.

5

Trova origine nel menu del browser. Questo è più spesso sotto la voce di menu Visualizza. Si può dire "Visualizza sorgente" o "Sorgente pagina."

6


Ricerca attraverso il sorgente della pagina per la parte dell'aspetto del tuo blog che si desidera modificare. Si supponga, ad esempio, che si desidera modificare l'aspetto dei titoli post. Notato una classe nel CSS chiamato. post-title, ma esso non ha tutte le regole che si desidera modificare. Guardando attraverso il sorgente della pagina, vedere il codice HTML mostrato nell'immagine.

AHA! Il titolo del post è anche controllato da regole per l'elemento h3.

7

Utilizzare quello che hai imparato da Visualizza sorgente per trovare la regola appropriata nel modello di Blogger. In questo esempio, personalizzazione ad entrambi i. regole post-titolo e h3 ottengono risultati.

8

Quando è completa personalizzazione, salvare il modello e ripubblicare il blog.

Consigli & Avvertenze

• Firefox browser con la Web Developer Toolbar installato possono trovare i nomi degli elementi rapidamente senza lettura attraverso Visualizza origine. Dalla Web Developer Toolbar, selezionare informazioni > informazioni dell'elemento Display.
• Cosa si può fare se il CSS evidente e le regole CSS che hai scoperto utilizzando Visualizza sorgente non modificare come si desidera? A volte una regola CSS più in alto nella cascata effetti la parte della pagina che si desidera personalizzare. Guarda le regole come il corpo, #content o #sidebar quando questo accade. La regola che interessa l'elemento che si desidera modificare può essere in uno di tali dichiarazioni.