Immagine di ConfusedvisionIn genere la barra di navigazione, meglio conosciuta come Navbar, quella inserita in cima a tutti i blog targati blogger:
E' uno strumento molto utile, permette ai lettori di effettuare ricerca all'interno del blog, ci suggerisce nuovi "diari personali" da scoprine, inoltre tramite essa possiamo accedere velocemente ad alcune funzioni molto utili come "crea post" o "personalizza".
Ma a qualcuno può non piacere, e mi domanda, si può togliere? Certo che si può!
Recati su modello/ modifica HTML.
Trova la stringa:
/* ---( page defaults )--- */
E subito dopo inserisci questo codice:
#navbar-iframe {
display: none !important;
}
E comunque prima di:
body {
Così come potete vedere nello screenshot qui in basso!!
Tutto qui!! Niente di difficile vero!!
Se avete ancora qualche problema, provate a inserire il codice dopo il tag <head>
Come al solito, vi invito prima a provare con l'anteprima, se è tutto ok, allora potete confermare!
21 commenti:
grande!!
Da ieri lo stavo cercando questo hack!
Ciao
Daniele
Yurj sei un grande grazie ai tuoi consigli sto migliorando il sito...manco a farlo apposta il sito e salito tra le prime posizioni nella pagina di google!!!!!!!!!!!!Grazie per l emeil sei un grande e ti continuero a seguire!!Potresti fare un post in cui spieghi come cambiare l icona di blogger affianco all indirizzo di INTERNET EXPLORER???grazie ancora
@daniele: grazie!
The news: ti avevo detto che per i blog giovani google assume un andamento un pò sinuosidale! Continua a seguirmi... ;-)
è un trucco a metà perchè levando la navbar si leva anche il motore di ricerca interno del blog , molto utile che si può far riapparire mettendo un altro codice html come potete notare sul mio blog http://chetepossum.blogger.com
@bartolo: grazie per la precisazione... se qualcuno vuole inserire la barra di Google all'interno del blog basta che copiate e incolliate questo codice
Anche se io preferisco utilizzare quello di adsense!
ottimo blog! però per quanto riguarda la barra, credo che non sia proprio "legale" nel senso che mi pare che Blogger sia contrario a chi toglie la barra...
ciao
@phoenix: ciao, in effetti tanto legale non è, stà a discrezione del blogger scegliere se toglierla o no!
Grazie Mille!
Quando carichi un template nuovo (non quelli di default), la barra non c'è mai.
Più che altro toglierla è utile per gaudagnare qualche pixel verso l'alto e far vedere più contenuto nella prima schermata;-)
Ma secondo voi, togliere la barra potrebbe portare a qualche penalizzazione (magari SEO) da parte di Google? Avete esperienze in merito?
@Martin_fly: esperienza diretta non l'ho mai avuta... ho sempre visto la barra come uno strumento utile per i miei lettori, ma non penso che, a livello seo, sia penalizzante toglierla!
Ciao,
io ho risolto in questo modo: ho tolto la barra in alto, ma ho aggiunto 3 campi di ricerca (utilizzando il codice di bartolo): 1 campo di ricerca nell'header e 2 nella side-bar.
x yurj: come vedi http://affiliazioni.blogspot.com/ ho tolto la barra, solo che non sono riuscito a togliere in nessun modo lo spazio bianco che c'è tra h1 che contiene il titolo del blog e la parte in alto della pagina. Come posso fare per togliere quello spazio?
@martin: cerca:
#header h1 {
text-align: $startSide;
font-size: 200%;
color: $pageHeaderColor;
margin: 0;
padding-top: 15px;
e modifica il valore:
padding-top: 15px;
Al posto di 15 prova 5
Ciao Yurj,
questo è il codice:
#blog-header h1 {
color: #555;
font-size: 23px;
text-align: left;
padding: 5px 20px 0 20px;
margin: 0;
background-color: white;
background-image: url(http://www.imagestime.com/show.php/61802_topper.gif);
background-repeat: repeat-x;
background-position: top left;
}
il padding-top è già 5 (non posso mettere 0 perchè se no in ie mi taglia il titolo) ma, come puoi vedere, rimangono circa 20 px dal marigne in alto della pagina (è come se facesse partire il margine dal punto dove finiva la barra di blogger e non dal reale inizio della pagina). C'è qualche tips per risolvere?
Ciao e grazie
@Martin_fly: prova a togliere questa stringa, e vediamo cosa succede:
background-image: url(http://www.imagestime.com/show.php/61802_topper.gif);
background-repeat: repeat-x;
ora non c'è più il bianco ma lo spazio è sempre quello. Non so più quali parametri andare a modificare.
Altri consigli?
Ciao e grazie
@martin: prova a mandarmi via mail il template via .xml, vediamo se riesco io!!
Ciao Yurj, grazie di tutto.
PS: per ora ho rimesso la barra, poi quando passerò a layout vedrò cosa fare.
@martin: ti ringrazio!! Credo che il problema dipenda dal fatto che stai ancora utilizzando al vecchia versione!! :D
Intanto ti ho aggiunto nel mio fed, il tuo blog è molto utile!
We...grazie 1000...io ci ero quasi riuscito ma ogni volta che oggiungevo un post nuovo mi aggiornava l'indice e quindi era tutto da rifare!Grazie!
ALESSANDRO
Io ho una domanda diversa... Come si fa a rimetterla?!? Sto cambiando template e di default non c'è, questo è il codice del template:
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
Ora basta togliere display??
@michele: prova a togliere proprio l'intero codice!! :D
Ma anche se provi a togliere solo la riga display:none dovrebbe funzionare... comunque ti consiglio la prima soluzione!!
Posta un commento