Come eliminare la navbar di Blogger dal blog

Per togliere dal blog la Navbar,la barra di navigazione in alto nella pagina nei template base di Blogspot e renderla invisibile ai visitatori è possibile inserire nel codice HTML del template queste righe:

#navbar {
height: 0px;
visibility: hidden;
display: none;
}

Da posizionare nel codice HTML del template,come è visibile nell’immagine in basso,immediatamente prima del rigo:

/* Variable definitions

Per trovare più facilmente il rigo è possibile utilizzare questo sistema di ricerca.Come tutte le operazioni di modifica del codice HTML è utile visualizzare l’anteprima del blog prima di salvare ed è sicuramente opportuno fare prima il backup del template che si sta utilizzando.

eliminare navbar


32 commenti:

Mirella ha detto...

Ciao Fabrizio, ti disturbo perchè ho paura di far pasticci... il procedimento che indichi per togliere la navbar va bene anche in un template modificato usando designer modelli?

fabrizio castelli ha detto...

Ciao Mirella,grazie intanto per la visita!
Se utilizzi il designer di modelli di Blogger per togliere la visualizzazione della navbar dal blog puoi,in alternativa,inserire questo CSS:

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

seguendo lo stesso procedimento descritto in questo post
http://blogetemplate.blogspot.com/2010/04/come-modificare-la-posizione-del-titolo.html
Ciao e buona serata:)
Fabrizio

Mirella ha detto...

Fatto:))
Grazie, perfetto come sempre!
Un sorriso:)
MIrella

fabrizio castelli ha detto...

Bravissima!
Grazie a te,sei molto gentile:)
Ciao,Fabrizio

Francesco Fontana ha detto...

Grazie mille.
Utile e semplice.

fabrizio castelli ha detto...

Ciao Francesco,sono contento che tu abbia apprezzato il post:)
Grazie a te per la visita e per il commento!
Ciao
Fabrizio

unika ha detto...

ciao fabrizio,
grazie per il tuo consiglio, non ero a conoscenza di questa grande cosa, ho costruito un bellissimo blog, dopo mesi di lavoro grazie a te ho scoperto anche questa bella cosa, ora sembra un sito e non un blog, puoi anche visionarlo, :-)
http://www.direttasportcalcio.blogspot.com/

fabrizio castelli ha detto...

Ho visto adesso il tuo blog,hai fatto un ottimo lavoro,complimenti!
Sono contento di esserti stato utile:)
Ciao:)
Fabrizio

Davide Bosello ha detto...

grazie, mi sei stato utilissimo, sono riuscito ad eliminarla! adesso ho un altro problema: trasformare quella brutta linea tratteggiata che chiude a fine pagina i post in una linea continua di colore grigio. ho provato a cercare nel tuo blog, ma non ho trovato riferimenti... mi puoi aiutare?

fabrizio castelli ha detto...

Ciao Davide,sono contento di esserti stato utile!
Hai controllato intanto se è possibile modificare alcune caratteristiche della linea dal menu "Avanzato" del Designer di modelli?
Ciao:)
Fabrizio

Davide Bosello ha detto...

ho guardato, mi pare non si possa fare nulla...
se ci dai un occhio vedi a cosa mi riferisco, è la linea tratteggiata che sta in basso.
http://ubaldobosello.blogspot.com/
grazie per l'aiuto!
Davide

fabrizio castelli ha detto...

Ciao Davide,se ti riferisci alla linea che separa i post,inviami eventualmente,per poter verificare se è possibile modificare l'attuale visualizzazione,in una mail all'indirizzo:
castellifabrizio@gmail.com
il codice HTML del tuo template che potrai prelevare con copia incolla dalla finestra che si trova in "Design">"Modifica HTML"
Ciao:)
Fabrizio

ngshya ha detto...

Molto utile, grazie!

fabrizio castelli ha detto...

@ngshya
Sono contento che il post ti sia stato utile!
Grazie a te per la visita e per il commento:)
Ciao:)
Fabrizio

NOVI VELIA-CITTADINI INFORMATI ha detto...

ciao, non voglio eliminare la navbar ma solo spostarla a piè pagina ma non in modo fisso..
ho provato diversi codici html anche provando ad automodificarli ma o si elimina definitivamente o si mette fissa sulla pagina..
puoi venirmi in aiuto?

fabrizio castelli ha detto...

Se dovessi individuare una soluzione che consenta di ottenere questo risultato senza gli inconvenienti che descrivi te la segnalerò con piacere!
Ciao:)
Fabrizio

Giuliana ha detto...

Grazie mille Fabrizio : ))
Finalmente sono riuscita anch'io a togliere la navbar.
Il tuo è davvero un prezioso aiuto !
Buonissima giornata.
Giuliana

fabrizio castelli ha detto...

Ciao Giuliana
sono felice che il post ti sia stato utile!
Ciao e buon pomeriggio:)
Fabri

RigillaMas ha detto...

Ciao! Sono di nuovo qui sul tuo blog! Stavolta volevo chiedere: posso inserire un gadget dove dovrebbe essere la navbar? ho notato alcuni blog come questo http://www.thereisalotofsarinskinesshere.com/
o questo http://www.fashionisthenewblog.com/
lo fanno: io non voglio niente di troppo complicato (il loro resta fisso allo scorrere verso il basso) voglio solo poter aggiungere dei link con uno sfondo che scompaiano allo scorrere del mouse!
Grazie!

Fabrizio Castelli ha detto...

Ciao RigillaMas
controlla se ti può essere utile questa soluzione:
http://tips.blogdoctor.me/2007/11/create-navigation-menu-bar.html
Ciao
Fabri

Alessandro Zaccaro ha detto...

ciao Fabrizio,
post utilissimo grazie.

la mia domanda xò è:
in questo modo si limina definitivamente la navibar, ma tra l'header e il bordo superiore della pagina, rimane sempre qualche pixel... pome posso attaccare l'header senza lasciare spazio col margine superiore???

grazie in anticipo

Fabrizio Castelli ha detto...

Ciao Alessandro,
sono felice che tu abbia apprezzato il post.
Per ottenere il risultato che desideri dovresti utilizzare la funzione di ricerca widget disponibile nell'editor del template
http://www.comefareblog.com/2013/04/la-nuova-versione-dell-editor-html-del.html
per individuare il widget "Navbar1" dopo averla individuato dovrai eliminare sia il codice del widget sia la "section" con lo stesso nome che lo contiene.
Ciao
Fabrizio

Valentina Miozzo ha detto...

Ciao Fabrizio, come sempre post chiari e utilissimi! Ho fatto tutto quello che hai indicato su blog, comprese le ultime indicazioni che hai scritto ad Alessandro Zaccaro... ma le modifiche sono effettive solo con Chrome e Firefox. Come puoi vedere tu stesso aprendo www.viaggiarelibera.com con Explorer rimane lo spazio vuoto, l'immagine insomma non va su... invece se lo apri con Chrome e Firefox è tutto a posto. Come faccio a risolvere questo problema? Non riesco veramente a capire come fare!

Fabrizio Castelli ha detto...

Ciao Valentina,
al momento vedo correttamente il tuo blog anche con Internet Explorer, hai già provato ad eliminare l'intera cronologia di Explorer?
Ciao e buona serata!
Fabrizio

Giuliana ha detto...

Ciao Fabrizio. Qualche anno fa grazie a questo post sono riuscita ad eliminare la navbar. Ora però con questa storia della normativa sui cookie, ho letto che, per chi ha blogspot, per essere a norma basterebbe la navbar. Come faccio a rimetterla? Non riesco più a trovare il codice che avevo messo. Mi potresti aiutare? Grazie mille.

Fabrizio Castelli ha detto...

Ciao Giuliana,
per ricercare il CSS nel codice HTML, se non l'avessi già fatto, prova ad utilizzare tutti i diversi passaggi elencati in questa procedura
http://blogetemplate.blogspot.it/2013/05/come-cercare-una-stringa-del-codice-nel-nuovo-editor-html-del-template-di-blogger.html
Buona giornata
Fabrizio

le medichesse ha detto...

Ciao Fabrizio, volevo chiederti come posso ripristinare la navbar, l'avevo eliminata tanto tempo fa e non ricordo come, ho guardato nel css ma non trovo i codici, ho provato a reinserirli ma niente, ho cercato nell'html per vedere se riuscivo ad eliminare l'ultimo codice ma non lo trovo... ho provato ad abilitare la navbar direttamente nella configurazione del Layout ma la vedo solo in anteprima e non sull'originale... come posso fare? Grazie ancora come sempre!

Fabrizio Castelli ha detto...

Ciao,
per ricercare la stringa del CSS all'interno del codice HTML del blog prova ad utilizzare tutti i diversi passaggi elencati in questa procedura
http://blogetemplate.blogspot.it/2013/05/come-cercare-una-stringa-del-codice-nel-nuovo-editor-html-del-template-di-blogger.html
Ciao e buona domenica!
Fabrizio

le medichesse ha detto...

Grazie Fabrizio, questi passaggi li conosco ho proprio seguito le istruzioni ma non c'è niente riguardo la navbar se non i codici che riguardano la barra di navigazione ma niente a che vedere il CSS... mah!
Grazie e buona domentica anche a te

Fabrizio Castelli ha detto...

Ok, indicami eventualmente l'indirizzo del blog nel quale riscontri il problema per verificare.
Ciao
Fabrizio

le medichesse ha detto...

Fabrizio è comparsa ora la navbar... hai fatto qualche miracolo tu? ciao Grazie

Fabrizio Castelli ha detto...

Benissimo:)
Ciao
Fabri

Related Posts with Thumbnails