Come diminuire la larghezza del menù delle pagine statiche.

Come personalizzare su Blogger la larghezza del menù orizzontale creato con le pagine statiche e con altri link.

Su Blogger viene automaticamente creato un menù con tutte le pagine statiche che vengono pubblicate. La prima voce del menù è Home quindi a seguire tutte le altre in ordine di pubblicazione.

Questa funzionalità di Blogger è stata estesa ad altri collegamenti. E' quindi possibile creare un menù usando il widget delle pagine statiche con collegamenti a qualsiasi pagina web. Basta andare su Pagine > Nuova pagina > e scegliere Indirizzo web al posto di Pagina vuota.

Il menù delle pagine statiche può essere inserito in una sidebar e allora prenderà una forma di elenco verticale oppure sotto l'intestazione e, in questo caso, si visualizzerà per tutta la larghezza del template. Mi è stato chiesto in un commento se fosse possibile personalizzare questa larghezza.

Nella parte bassa dello screenshot precedente vedete un menù che si mostra solo fino alla fine delle voci che sono state inserite contrariamente a quello nella parte alta che invece si sviluppa per tutto il layout. Per configurare la larghezza del menù delle pagine statiche, dopo aver salvato il template, si va su Modello > Modifica HTML > Procedi e si cerca la riga ]]></b:skin> . Subito sopra si incolla il codice

#PageList1 ul{width:300px !important;}

Si va su Anteprima per vedere che aspetto prende e per tentativi si modifica il valore della larghezza in rosso fino a quando non siamo soddisfatti del risultato. Finalmente si salva il modello.

Alternativamente a un valore assoluto possiamo inserire un valore della larghezza in percentuale

#PageList1 ul{width:40% !important;}