Pubblicato il 11/09/13e aggiornato il

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

barra-intestazione-visualizzazione-dinamica

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

carattere-dimensioni-barra

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

dynamic-views-font-size

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




4 commenti :

  1. ciao carissimo Ernesto,volevo chiederti un info...
    E' possibile inserire come banner in alto di intestazione una cosa simile alla mia ma come immagine gif? tipo 3 foto con cambio di 5 secondi
    www.arteinmovimentodemaria.com

    RispondiElimina
    Risposte
    1. Creare le GIF le puoi creare con questi programmi
      http://www.ideepercomputeredinternet.com/2013/03/creare-gif-animate.html
      La GIF la puoi inserire andando su Layout > Aggiungi un gadget > HTML/Javascript e incollare questo codice
      <div align="center">
      <a href="URL_LINK"><img src="URL_GIF"/></a>
      </div>
      @#

      Elimina
  2. Ernesto un ultimissima cosa
    perchè non riesco a cambiare font del mio blog? ho eseguito alla lettera i tuoi suggerimenti.Ho provato tantissime volte
    il mio modlelo è quello semplice di blogger

    RispondiElimina
    Risposte
    1. Se hai già letto i post relativi non saprei che altro aggiungere. Tutti gli articoli in cui ho parlato della modifica dei font hanno screenshot con la dimostrazione che questo è possibile
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.