Come progettare modelli di Blogger

Google ha progettato Blogger, il suo sito e software di hosting di blog gratuiti, in modo che siano facili da usare. Sebbene Blogger non offra nomi di dominio personalizzati per la tua azienda, offre un modo conveniente per gestire un semplice sito web aziendale. Hai il controllo completo sull’aspetto del tuo sito Blogger, progettando il tuo modello con il designer di modelli di Google o personalizzando il modello con il codice.

1

Accedi al tuo account Blogger per accedere alla dashboard. Tutte le opzioni del tema del tuo modello particolare sono disponibili tramite la dashboard.

2

Fai clic sulla freccia verso il basso accanto a “Elenco dei post” e seleziona “Modello”, quindi fai clic su “Personalizza” per accedere al “Designer modelli” integrato di Google. Questa pagina mostra tutti i modelli disponibili, ognuno dei quali può essere personalizzato in seguito.

3

Seleziona uno stile di modello appropriato per i tuoi contenuti. Puoi scegliere tra “Semplice”, che è una pagina a larghezza fissa senza molti ornamenti; “Finestra immagine”, che utilizza una foto come sfondo intorno ai tuoi post; “Awesome Inc.”, che presenta colori scuri e testo bianco; e “Filigrana”, che utilizza un logo sullo sfondo per rappresentare la tua azienda.

4

Scorri le combinazioni di colori disponibili nel riquadro inferiore del selettore di modelli e fai clic su quello che desideri utilizzare come base per il tuo sito.

5

Fare clic su “Sfondo” per caricare un’immagine di sfondo o per scegliere un colore di sfondo.

6

Fare clic su un aspetto del tema all’interno della finestra dello schema dei colori e regolare i colori secondari uno alla volta. Per ogni aspetto, trascina il selettore del colore sull’ombra per impostare il colore.

7

Fai clic su “Layout” sul lato sinistro per scegliere una struttura di base per il tuo sito. Tutte queste scelte sono abbastanza soggettive, ma il layout ha effetto sugli oggetti che si desidera posizionare nel sito.

8

Fai clic sul tipo di design per il tuo blog. Puoi selezionare un design a una colonna, che crea solo un ampio blocco sul contenuto con un’intestazione in alto, o un layout a tre colonne con due barre laterali per collegamenti, menu, calendari o widget.

9

Regola la larghezza della colonna principale e delle barre laterali trascinando i cursori a sinistra ea destra.

10

Fai clic su “Applica al blog” per applicare le modifiche al tuo sito. Se non hai alcun contenuto – post, immagini o un’intestazione – potresti non vedere subito come funzionerà il modello.

11

Fai clic su “Modello” nella dashboard.

12

Fai clic su “Modifica HTML” per apportare modifiche personalizzate al foglio di stile CSS (CSS) per il tuo sito gestito da Blogger.

13

Apri una copia del tuo blog in una nuova finestra per visualizzare in anteprima le modifiche.

14

Fai clic con il pulsante destro del mouse in un punto qualsiasi della pagina e scegli “Ispeziona elemento” per vedere quali regole CSS sono state applicate a quell’elemento.