Pubblicato il 13/10/14e aggiornato il

Come mostrare la descrizione sotto il titolo del blog nei Modelli a Visualizzazione Dinamica di Blogger.

Come mostrare nei modelli di Blogger Dynamic Views la Descrizione del blog sotto al nome e non accanto come di default.
Nei Modelli a Visualizzazione Dinamica o Dynamic Views di Blogger le personalizzazioni sono molto limitate e questo è un vero peccato perché la potenzialità di questi template e la loro velocità di caricamento ne farebbero un prodotto ottimale per chi si diletta con il blogging. È finalmente disponibile anche per quei modelli la funzione per selezionare uno sfondo tra quelli proposti nella Libreria oppure di caricarne uno di nostro gradimento con cui creare un Header o Intestazione.

Si va su Modello > Personalizza > Sfondo > Immagine di sfondo e se ne sceglie una tra quelle proposte. Alternativamente si può andare su Carica immagine e selezionare una immagine dal nostro computer che abbia esattamente le dimensioni dell'Header o Intestazione (soprattutto in altezza). L'immagine in questo modo sarà lo sfondo di tutto il blog. Andate adesso su Allineamento e selezionate uno dei tre proposti in alto (a sinistra, al centro o a destra). 

Ora aprite il menù Affianca posto più sotto e scegliete Affianca orizzontalmente. Se le dimensioni della immagine caricata sono giuste lo sfondo si vedrà solo nella Intestazione e quindi sarà come aver creato un header. Il titolo e la descrizione del blog si vedranno sopra alla immagine caricata.

creare-heder-dynamic-views-blogger

 

COME MOSTRARE LA DESCRIZIONE SOTTO IL NOME DEL BLOG


Una cosa piuttosto strana sui modelli Dynamic Views è che la Descrizione viene visualizzata accanto al nome del blog. Per modificare entrambi si va su Impostazioni > Di Base > Modifica

titolo-descrizione-blog

Il risultato è il seguente

titolo-descrizione-blog[4]

Da Modello > Personalizza > Avanzato possiamo operare su dimensioni, colori e caratteri di titolo e dimensione ma non sul loro posizionamento. Vediamo come fare per vedere la Descrizione sotto al Titolo. Si va su Modello > Personalizza > Avanzato > Aggiungi CSS e si incolla 

#header .header-bar .title, .ss{
padding-top: 14px;
line-height: 30px !important;
margin-right: 0px !important;
text-align: center;}
#header.header div.header-bar span.title h3 {
display: block !important;
position: relative;
top: -10px;}

Posizionate il cursore dopo l'ultima parentesi graffa e pigiate su Invio (o Enter) quindi andate su Applica al blog che nel frattempo sarà diventato un pulsante attivo. Non considerate l'Anteprima perché non vi mostrerà nulla di nuovo. Quando aprirete il vostro sito avrà questo aspetto 

titolo-sopra-descrizione

Nel caso abbiate caricato una immagine di sfondo Titolo e Descrizione si vedranno al di sopra

titolo-descrizione-uno-sotto-uno-sopra

Nello screenshot precedente sono stati cambiati i colori di titolo e descrizione per maggiore visibilità andando su Modello > Personalizza > Avanzato > Titolo blog e Descrizione blog. Osservo che la riga text-align: center; serve per centrare Nome del blog e Descrizione e può essere tralasciata o si può sostituire center con left o right con ovvio significato. Il tag top: -10px; serve invece per il posizionamento della descrizione e il valore -10px può essere aumentato o diminuito.




4 commenti :

  1. Grazie. Sopratutto per lo spazio che dedichi alle visualizzazioni dinamiche. Sai se ci sono in cantiere altre necessarie e dovute novità?

    RispondiElimina
  2. Io li trovo dei templates bruttissimi! xD

    O.T. Ernesto, hai pubblicato qualche guida per settare al meglio blogger? :)

    RispondiElimina
    Risposte
    1. Ho pubblicato migliaia di articoli ma non una guida completa anche perché l'interfaccia cambiava spesso almeno fino a poco fa
      @#

      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.