Come creare un menù a tendina con le pagine statiche nei blog di Blogger a Visualizzazione Dinamica.

Come creare un menù drop down o a tendina con le pagine statiche di un blog di Blogger a Visualizzazione Dinamica o Dynamic Views.

I blog su Blogger da anni danno la possibilità di aggiungere delle pagine statiche che non finiscono nei normali feed del sito e che servono per creare delle gallerie di foto, delle pagine di info, delle raccolte di articoli o delle landing page particolari per i navigatori.

Queste pagine creano un menù orizzontale o verticale di default. Per effettuare la scelta si va su Pagine > Mostra pagine come. Le tre opzioni sono: Schede in alto, Link laterali e Non mostrare. Il menù orizzontale viene creato con la selezione di Schede in alto che è poi quella impostata come predefinita. Questa funzione è rimasta sostanzialmente la stessa anche nei modelli a Visualizzazione Dinamica. Ricordo che si possono creare fino a 20 pagine statiche per ogni blog. In taluni modelli un tale menù molto lungo si dispone su due file mentre in alti mostra solo i primi elementi.

Ho già pubblicato degli articoli su come personalizzare il menù nei normali template e su come aggiungere dei bordi di divisione. In questo post vediamo come sia possibile creare un menù verticale a tendina nei modelli Dynamic Views. Ecco uno screenshot esemplificativo

Il menù orizzontale sarà visualizzato a tendina in tutti e 7 i modelli a Visualizzazione Dinamica. Può essere una soluzione quando si abbiano molte pagine statiche e si voglia mantenere un layout compatto. Si va su Modello > Personalizza > Avanzato > Aggiungi CSS. Nel campo in alto a destra si posiziona il cursore subito dopo altro codice, se questo fosse presente, e si incolla il seguente CSS

#header.header .header-drawer #pages.tabs ul li{
margin: 99999px;
}

Si posiziona il cursore dopo l'ultima parentesi graffa e si clicca su Invio. Si va quindi in alto a destra su Applica al blog. Si dovrebbe vedere già l'anteprima in ogni caso si apre il sito per verificare che il menù sia diventato a tendina come nello screenshot precedente.