Come cambiare i colori, i caratteri e la loro dimensione del nostro blog su Blogger.

Ogni tanto scrivo degli articoli che sono dei tutorial per blogger principianti; spero che i miei lettori più esperti non se la prendano troppo. Ricordo che tutti siamo stati agli inizi e che questi sono stati più o meno tribolati. Personalmente riuscii ad inserire la pubblicità di Adsense dentro i post solo tre mesi dopo che avevo iniziato a pubblicare articoli.

Blogger dà la possibilità di variare colori, caratteri, dimensioni dei font ma non lo fa nello stesso modo con tutti i modelli. Ce ne sono alcuni che hanno una miriade di possibili variazioni ed altri che le hanno ridotte all’osso.

Prima di procedere nella lettura, coloro che non li conoscono, possono dare uno sguardo ai codici dei colori per rendersi conto meglio di quello di cui sto parlando.

Per utilizzare queste funzioni bisogna andare su Layout > Caratteri e Colori

Cliccandoci sopra si scopre tutto ciò che è modificabile con pochi click

 

Nella parte sinistra si possono scorrere e selezionare le impostazioni da modificare. Queste possono essere scritte in lingua italiana, nel caso di un blog originale di Blogger o anche in lingua inglese se si è scelto un modello più complesso.

Queste variazioni sono presenti nel codice HTML del modello nella sezione mostrata in questo screenshot

Se per esempio si prendono le prime due righe di questo template abbiamo

<Variable name="bodybgColor" description="Body Background Color"
type="color" default="#FFBBE8" value="#000000">

che si può interpretare così

1. bodybgColor è il nome dell’attributo che è possibile modificare
2. Body Background Color è la descrizione di tale attributo ed è quello che vediamo nella sezione Caratteri e Colori. Volendo si può sostituire anche con un nome italiano tipo Colore di sfondo del corpo del blog. Sarebbe in sostanza la parte esterna a sinistra e a destra dell’outer wrapper del sito
3. default="#FFBBE8" è il colore di default del modello mentre value="#000000" è quello che è impostato attualmente attraverso Caratteri e Colori

Quando modifichiamo qualcosa nella sezione Caratteri e Colori viene modificato proprio il dato che si riferisce a value. Questo nel caso di un colore ma anche in quello di un carattere

<Variable name="blogTitleFont" description="Blog Title Font"
type="font"
default="normal bold 273% Georgia, Times, serif"
  value="normal bold 188% Times, serif">

Questa è per esempio la variabile che gestisce la famiglia di caratteri del Titolo del blog.

Dopo questa lunghissima premessa per operare le modifiche bisogna

1. Selezionare la casella del dato che vogliamo modificare
2. Selezionare il colore o il carattere da porre al suo posto
3. Si possono inserire anche colori diversi da quelli proposti se se ne conosce il codice
4. Nella parte bassa possiamo vedere l’anteprima delle nostre modifiche
5. Si salvano le modifiche quando ne siamo soddisfatti

Se si sceglie di modificare i caratteri, per esempio del testo o dei titoli dei widget, ci troviamo di fronte a opzioni di questo tipo

 

Nella parte destra  possiamo modificare sia la famiglia dei font (Arial, Trebuchet, Times, Verdana, ecc), scegliere eventualmente il grassetto o il corsivo ma soprattutto possiamo cliccare su una delle due opzioni (Più piccolo, Più grande) per ingrandire o rimpicciolire i caratteri relativi a quella casella.