Pubblicato il 19/11/10 - aggiornato il  | 10 commenti :

Come personalizzare o nascondere la Navbar negli ultimi modelli di Blogger.

La Barra di Navigazione è quell'iFrame orizzontale che si vede nella parte alta dei blog su Blogger. Sembra che negli ultimi modelli il metodo per nascondere la Navbar, così si chiama, non funzioni più bene. Vediamo quindi in dettaglio come personalizzarla, per chi la ama, e come nasconderla per chi non la sopporta. La barra ha diverse funzioni che sono oggettivamente utili e quindi, da questo punto di vista, mantenerla adattandola al blog sarebbe la scelta più giusta

navbar-blogger

Se non siamo loggati, si visualizza la scritta Entra che muta in Esci dopo che si è eseguito l'accesso. La casella di ricerca serve per trovare articoli del blog che hanno una data parola chiave. Gli articoli sono consultabili anche incollando nel browser un indirizzo come questo

http://nomeblog.blogspot.com/search?q=query

dove al posto di nome blog e query si sostituiscono il nome del nostro blog e la parola o le parole chiave della ricerca (query1+query2). Se si clicca su Segui si accede a Google Friend Connect, mentre se si va su Condividi si apre una finestra per condividere il contenuto del post su Facebook, Twitter, Google Buzz, Google Reader o per inviarlo via Email

condividi

Si tratta di un modo poco noto per condividere un articolo che non utilizza i bottoni di voto inseriti all'inizio o alla fine del post mediante modifiche al modello. Segnala una violazione è stato creato per permettere agli utenti di informare Blogger di contenuti non in linea con i termini e le condizioni del servizio. La funzione Blog Successivo è molto interessante perché consente di aprire un altro blog su Blogger in modo casuale. Sotto certi aspetti è assimilabile a una caratteristica tipica di StumbleUpon.

Non sto a illustrare il significato di Nuovo post, Design e Esci perché è evidente di per sé. Per la Navbar si può scegliere tra vari colori e vari stili. Andate su Design > Elementi pagina e cliccate su Modifica nell'elemento Navbar

navbar-modifica

La scelta è tra sei colori e stili: Blu, Marrone chiaro, Nero, Argento, Chiaro Trasparente e Scuro trasparente

navbar-stili-colori

Si clicca su Salva dopo aver messo la flag alla barra preferita. Se invece si vuole nasconderla bisogna considerare che non potremo più accedere a tutte queste opzioni, in ogni caso si procede così. In entrambi i casi di blog con vecchi  o nuovi modelli occorre sempre andare in Design > Modifica HTML e cercare la riga

]]></b:skin>

quindi, immediatamente sopra, incollare il codice

#navbar-iframe, #navbar, .navbar {height:0px; visibility:hidden; display:none; margin: 0 !important;}

e salvare il modello, come mostrato nello screenshot

navbar-nascondere

Questa operazione è naturalmente reversibile visto che in qualsiasi momento può essere tolto questo codice per ripristinare la configurazione originaria.

Fonte | Blogger Buster -





10 commenti :

  1. ricordo che avevo usato un'altra stringa più breve, ma non riesco più a trovarla...

    RispondiElimina
  2. Ciao parsifal! per diverso tempo ho usato questo trick e funziona egregiamente!

    ti volevo però segnalare un modo per togliere definitivamente la navbar (e non nasconderla)

    basta aggiungere !-- body --
    (ovviamente ci sono due segni di minore e due segni di maggiore)

    tra /head e body

    quindi cosi:

    /head
    !-- body --
    body

    salvi il modello e blogger ti chiede se vuoi eliminare il widget navbar! ;)

    RispondiElimina
  3. @Antonio Crivello
    Ok Grazie della segnalazione

    RispondiElimina
  4. ho appena cambiato template e questo codice non mi nasconde più la navbar! o meglio, nasconde le scritte, ma lascia una antiestetica barra semitrasparente. Alla fine l'ho rimossa completamente come suggerito da Antonio...

    RispondiElimina
  5. Ciao, credo che sia questo il post giusto dove chiedere.
    Ho inserito le icone sociali nella navbar e le ho allineate a destra con il classico div align:right. Il problema è che si sono spostate a destra oltre la larghezza del blog e vorrei allinearle manualmente per metterle in linea (è un pò contorto come discorso ma è più difficile spiegarlo che farlo).
    Detto ciò, per allineare un widget, oltre a "div aling: center" quale altra stringa html devo inserire per specificare esattamente di quanto "a destra" spostarlo (nella speranza che la mia professoressa di italiano del liceo non legga mai questo commento!).
    Grazie

    RispondiElimina
    Risposte
    1. @# In questo caso invece che allineare a destra devi allineare a sinistra e specificare la distanza tra una icona e un'altra. Ti può essere utile questo post
      http://www.ideepercomputeredinternet.com/2011/06/come-allineare-i-bottoni-di-facebook.html
      Metti un style="padding-left: 15px;" modificando il valore a tuo piacere. Si può allineare anche verticalmente usando padding-top o padding-bottom

      Elimina
  6. Ciao . Come ci si logga quando si toglie la navbar e non c'è più la scritta entra ? Grazie

    RispondiElimina
    Risposte
    1. @# Si va su Bacheca e si accede poi si sceglie la scheda del blog che ci interessa.

      Elimina
  7. E' possibile lasciare solo la parte per loggarsi?

    RispondiElimina
    Risposte
    1. Non credo sia possibile con un sistema semplice. Si tratta di un iframe quindi in teoria potrebbe anche essere possibile ma non ho idee per darti input in merito
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy