Abbiamo già detto che la prima pagina del blog, ovvero quello spazio visibile sullo schermo senza dover scendere a leggere il resto, è il nostro biglietto da visita. E cosa dice di noi la navbar di Blogger?
A mio parere la navbar non aggiunge nulla al blog ed è antiestetica. Infatti Blogger ne ha disegnati solo 5 tipi che vanno poco d’accordo con qualsiasi template, nero e grigio sono troppo scure e quella blu mi ricorda tanto i vecchi template del 2010.
Secondo la guida di Blogger, questa barra serve:
- per loggarsi nel proprio blog {come se non bastasse salvare l’indirizzo www.blogger.com/home tra i preferiti del nostro browser},
- condividere il blog intero su Google Plus {ma io preferisco condividere i singoli post che mi sono piaciuti e penso possano interessare anche ai miei contatti che tutto il blog – voi l’avete mai fatto?},
- cercare tra i contenuti usando il motore di ricerca {ma esiste il gadget nelle sidebar} e
- conoscere blog che hanno recentemente pubblicato un post, citando Blogger, Nextblog “reindirizza a un blog di Blogger aggiornato di recente simile a quello che stai visualizzando}.
Domanda, vi sembra che C’è Crisi e questi blog {lawmovieworld.blogspot.it e www.apessimistisneverdisappointed.com} abbiano qualcosa in comune? A me no, ergo Nextblog non funziona...
Ora che abbiamo dimostrato l’inutilità della navbar, vi va di rimuoverla dal vostro blog?
Ebbene, se la risposta è si, siete fortunate perché dopo numerose lamentele da parte degli utenti, Blogger ha reso facile la sua rimozione per la maggior parte dei template. Vediamo come fare.
METODO 1 {funziona per quasi tutti i template}
1. Andate su www.blogger.com/home, cliccate Layout e cercate ‘navbar’ in alto a destra della pagina.
2. Cliccate su edit, mettete il pallino su Off {Disabilita} e cliccate su Salva.
METODO 2 {nel caso il primo non funzionasse}
Andate su Modello, Modifica HTML e usate la funzione Control+ f per cercare </head>
Sotto questa stringa incollate il seguente codice:
<script type='text/javascript'>
<![CDATA[
<!--
/*<body>*/
-->
]]>
</script>
Ora potete riprovare gli step elencati nel Metodo 1.
Ho testato vari tutorial e almeno 4 codici per i template più ostinati e questo è l’unico metodo che funziona nel 100% dei casi.
Ora che abbiamo recuperato 50 pixel sopra all’header, che ne facciamo?
Adesso che abbiamo guadagnato spazio sopra all’immagine di intestazione, possiamo aggiungergi tante cose carine e utili {dopo aver imparato come aggiungere dei gadget in questo punto *nei prossimi post*} oppure rimuovere lo spazio tra l’inizio pagina e l’header.
Come esempio pratico, vi porto il mio blog/blog-roll che trovate all’indirizzo cecrisi-links.blogspot.it
Dopo aver eliminato la navbar, mi è bastato aggiungere un CSS al template per spostare l’header verso l’alto. Come ho fatto?
Potete copiare il codice qui sotto direttamente nel vostro template inserendolo sopra la stringa ]]></b:skin>
oppure copiarlo in Aggiungi CSS seguendo questo percorso: Modello /Personalizza / Avanzato e scorrere il menù fino all’ultima opzione.
.content {
margin-top:-30px !important;
}
La distanza -30px può essere aumentata o diminuita, dipende tutto dal vostro design. Io per esempio sono arrivata fino a -50px perché volevo sembrasse che le farfalline volassero fuori dal template...
Usate l’anteprima che appare nella parte bassa dello schermo per sperimentare e quando siete soddisfatte del risultato, cliccate sul pulsante arancione Applica al Blog.
Che altro dire? Rimuovere la navbar non è certo obbligatorio, a me personalmente non piace e se notate, molti blog l’hanno già rimossa.
Sono curiosa di sentire la vostra voce a riguardo: vi piace, vi serve, la usate? Avete dei buoni motivi per continuare ad usarla? Sono tutta orecchie!
Buona continuazione di settimana, Alex