Come spostare in fondo al layout la Navbar di Blogger.

Come spostare in basso la Navbar o Barra di Navigazione di Blogger e lasciarla fissa allo scorrere della pagina.

Il dibattito sulla utilità o meno della Barra di Navigazione di Blogger è tuttora in corso. C'è chi la ritiene utile soprattutto per sé stessi in quanto ci permette di accedere alla Bacheca con un click su Design, chi pensa che la presenza del pulsante Condividi posa aumentare la visibilità del post sui social network e chi invece la ritiene completamente inutile se non dannosa visto che occupa un suo spazio anche se piccolo.
Ricordo che per nascondere la navbar si può incollare questa riga di codice

#navbar-iframe { display: none !important; }


subito sopra a ]]></b:skin>. Alternativamente si può usare anche questo codice che funziona particolarmente bene nei template del Designer Modelli. In questo post illustro una alternativa alla rimozione della Navbar vale a dire il suo spostamento nella parte bassa del blog utilizzando il tag position:fixed; in modo da lasciarla comunque visibile durante lo scroll della pagina

 

Ho anche postato una demo di questa personalizzazione

Per realizzare questa modifica si va su Modello > Modifica HTML > Procedi e si cerca la riga ]]></b:skin>. Subito sopra si incolla questo semplice codice

#navbar-iframe {
position: fixed !important;
left: 0px !important;
right: 0px !important;
bottom: 0px !important;
}

Si salva il modello e la Navbar si visualizzerà in fondo al blog con tutti i pulsanti funzionanti. Chi volesse andare oltre con la personalizzazione potrebbe scegliere di visualizzare in basso la Barra di Navigazione solo in una determinata pagina o tipo di pagine. In questo caso si possono utilizzare i tag condizionali e incollare il codice subito sopra la riga </head>. Un codice potrebbe essere questo

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
#navbar-iframe {
position: fixed !important;
left: 0px !important;
right: 0px !important;
bottom: 0px !important;
}
</style>
</b:if>

che mostra la Navbar in basso solo nella homepage. Per porre altre condizioni basta sostituire il codice corrispondente alla prima riga colorata di rosso.