Come togliere la Navbar di Blogger con un CSS nel Designer di modelli

Per eliminare la Navbar da un blog di Blogspot realizzato con il Designer di modelli di Blogger è possibile utilizzare direttamente la finestra che permette di aggiungere stili personalizzati CSS al modello del template,senza dover inserire la modifica per nascondere la visualizzazione della barra di navigazione di Blogger manualmente nell’HTML del template.Quindi per eliminare questo elemento,che permette di collegare l’autore del blog alla Bacheca per personalizzare il blog oppure ad altri Blogspot mediante la funzione “Blog successivo” ed alle opzioni di condivisione dalla Navbar ,dal menu “AVANZATO” del generatore di template di Blogger è necessario selezionare ”Aggiungi CSS” ed inserire con copia-incolla nella finestra alla destra delle opzioni di modifica il seguente foglio di stile CSS:

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

Per salvare la nuova impostazione,dopo aver visualizzato l’anteprima,è necessario cliccare su “Applica al blog” e cancellare così la visualizzazione della Navbar del blog realizzato o modificato con il Designer di Modelli di Blogger.
Se necessario per l’applicazione della modifica,dopo aver inserito il codice CSS nella finestra come indicato nel post,è possibile modificare la formattazione del codice come è visibile in questa immagine:

eliminare navbar designer modelli blogger


25 commenti:

Marino ha detto...

Sei una risorsa preziosa Fabrizio,
Sto imparando molto da te.

fabrizio castelli ha detto...

Grazie Marino!Sei molto gentile e le tue parole di apprezzamento per il mio lavoro mi fanno molto piacere:)
Ciao e buona domenica!
Fabrizio

Ruth ha detto...

Carissimo Fabrizio sono capitata per caso nel tuo blog ma ora l'ho subito salvato tra i preferiti....così oltre che su webmaster ti romperò anche qua....ho fatto come dici ma la navbar rimane sempre lì, e io volevo toglierla perchè appesantisce il blog tantissimo....ma non capisco come mai anche andando a mettere il codice preso da te, in aggiungi css, non me la tolga...comunque complimenti il tuo blog è davvero utile...Ruth

fabrizio castelli ha detto...

Ciao Ruth,sei molto gentile:)Grazie per la visita e per l'apprezzamento per il mio lavoro nei blog!
E' sempre un piacere per me poterti essere utile:)
Hai modificato la posizione del testo del CSS (dopo averlo inserito nella finestra) come è visibile nell'immagine del post?
Ciao e buon pomeriggio:)
Fabrizio

Ruth ha detto...

Grazie Fabrizio, lo avevo inserito come copiato ma non come nell'immagine....ti rigrazio tanto...ah proposito se uno vuole reinserirla come si deve fare?

Ruth ha detto...

Non preoccuparti a rispondermi, ho capito come fare....ti ringrazio ancora, e nel frattempo ho aggiunto anche l'altro tuo blog tra i preferiti..questo tipo di blog andrebbe segnalato a tutti, per il prezioso lavoro che svolge...grazie ancora Fabrizio

fabrizio castelli ha detto...

Benissimo! Sono contento che tu abbia potuto inserire con successo la modifica alla Navbar:)
Le tue parole mi fanno veramente molto piacere,grazie!:)
Ciao,Fabrizio

DM Software ha detto...

sei un mito ... un mitooooo!!!!! grazie di questo articolo!!!

fabrizio castelli ha detto...

@DM Software
Grazie a te per la visita e per il commento!
Ciao:)
Fabrizio

Mario ha detto...

Ottimo... Mi resta un solo problema e non da poco: come faccio adesso a connettermi al mio blog?

fabrizio castelli ha detto...

@Mario
Ciao Mario,grazie per il commento!
Non riesci ad accedere alla bacheca di Blogger oppure ti riferisci ad un problema di connessione Internet?
Ciao:)
Fabrizio

Mario ha detto...

nella Navbar c'era il link 'Entra' attraverso la quale accedevo come amministratore al mio blog... togliendo la Navbar ovviamente sparisce anche il link... e sono andato in panico perché non sapevo come potevo fare per accedere al blog e poter postare di nuovo... ho scoperto che posso farlo tramite il link blogger.com... ma è certo che la Navbar per quanto fastidiosa per certi aspetti, è pratica per altri (link a nuovo post, bacheca, ecc.: furbi eh? chi non vuole la navbar paga pegno!)... mi chiedevo allora: se nel 'corpo' del blog potessi mettere i link di lavoro che erano nella navbar e sono spariti con essa!?... Tu sai come fare? Grazie e complimenti per il blog...

fabrizio castelli ha detto...

Ciao Mario,grazie per i complimenti:)
Da "Design">"Elementi pagina">"Aggiungi un gadget" puoi inserire nel blog il gadget "Logo" che ti permette di accedere alla bacheca.
Ciao e buona giornata!
Fabrizio

Enrico Bottaccio ha detto...

sei un genio

fabrizio castelli ha detto...

:)
Grazie Enrico,sei sempre molto gentile!
Ciao e buona serata!
Fabrizio

Alessandro ha detto...

Articolo molto utile, grazie!

fabrizio castelli ha detto...

Ciao Alessandro,
sono felice che tu abbia apprezzato l'articolo!
Grazie a te per il commento!
Ciao e buon pomeriggio
Fabri

Francesca ha detto...

confermo: Fabrizio è un MITO!!!!!!!!!!!!!

fabrizio castelli ha detto...

Grazie Francesca!!
Sei sempre molto gentile ed è veramente un grande piacere per me poterti essere utile!
Ciao e buona serata:)
Fabri

taty ha detto...

Fabri, sei un Grande! In un secondo è sparito!Tre mesi che cercavo di capire come si fa togliere questa linetta che mi dava cosi fastidio! :) Grazie mille

Fabrizio Castelli ha detto...

Grazie a te Taty per il commento e per i complimenti!
Sono molto felice di esserti stato utile!
Ciao:)
Fabri

tilli ha detto...

io vorrei semplicemente nasconderla, e renderla visibile al passaggio del mouse...

Fabrizio Castelli ha detto...

Ciao tilli,
prova ad utilizzare questo CSS

#navbar {opacity:0;filter:alpha(opacity=0);position:relative;margin-bottom:-30px;z-index:10;}
#navbar:hover {opacity:0.7;filter:alpha(opacity=70);}

Ciao
Fabrizio

tilli ha detto...

GRAZIE Fabrizio!
buona domenica...

Fabrizio Castelli ha detto...

:)
Buona domenica anche a te!
Fabri

Related Posts with Thumbnails