Come cambiare famiglia e dimensioni dei font della Barra di Intestazione nei blog a Visualizzazione Dinamica.

Come modificare famiglia e dimensione dei caratteri nella Barra Intestazione dei Modelli a Visualizzazione Dinamica di Blogger.

Torno con questo piccolo post a occuparmi brevemente dei blog su Blogger a Visualizzazione Dinamica che come è noto non offrono particolari spunti di personalizzazione. Ricordo che qualsiasi blog su piattaforma Blogger può essere visualizzato con un modello Dynamic Views semplicemente ponendo /view alla fine del suo URL canonico cioè incollando nel browser un indirizzo come

mioblog.blogspot.com/view

Questi modelli sono caratterizzati oltre che da una grande velocità di caricamento anche dalla particolare Barra di Intestazione in cui si può scegliere il template con cui si preferisce navigare il blog.  Questa barra è nera con il testo bianco di default. Andando su Modello > Personalizza > Avanzato > Barra Intestazione si possono selezionare la famiglia di font, il colore del testo e quello di sfondo oltre al corsivo e al grassetto. In basso si vedrà l'anteprima del del blog e per rendere operative le modifiche dobbiamo cliccare su Applica al Blog in alto a destra

Accanto ai pulsanti del grassetto e del corsivo c'è un menù a discesa in cui si possono settare le dimensioni dei caratteri. Di default è 100% mentre se si apre il menù si possono impostare i pixel della dimensione

In realtà ho provato a modificarne la grandezza sia agendo sul numero pixel sia agendo sulla percentuale ma le cose non sono cambiate né nell'Anteprima né salvando il modello con Applica al blog.

Se si ha necessità di visualizzare il testo della barra più grande per renderlo più visibile o più piccolo perché abbiamo inserito molte pagine statiche che vogliamo far entrare tutte nel layout, possiamo aggiungere un foglio di stile nell'apposito campo. Si va quindi su Modello > Personalizza > Avanzato > Aggiungi CSS e sulla destra si incolla un codice come questo

.header-drawer .menu span{ /* Menù modelli */font-size: 22px !important;
}
.header-drawer .tabs {/* Menù Pagine */font-size: 22px !important;
}

si clicca con il cursore dopo l'ultima parentesi graffa e si pigia su Invio quindi si va su Applica al blog. Il risultato ottenuto sarà come nel seguente screenshot



Il parametro della dimensione dei font può essere ovviamente personalizzato a piacere.