Pubblicato il 30/08/09 - aggiornato il  | 10 commenti :

Come rendere visibile la Barra di Navigazione (NavBar) su Blogger in quei modelli in cui non è presente.

Per il compleanno dei dieci anni, Blogger sta inserendo molte altre funzioni. Nel precedente articolo ho parlato del bottone Condividi per postare gli articoli su Facebook, Twitter o inviarli via email.

Ho anche precisato che in molti modelli questa barra è stata tolta. Se adesso si volesse ripristinare perché comunque è veicolo di importanti servizi dobbiamo pensare che ogni modello fa storia a sé, quindi non ci possono essere delle procedure comuni, darò quindi delle linee guida di tipo generale. Guardate per esempio come si presenta questo blog di video costruito con il modello Professional

image

Se vogliamo inserire nuovamente la NavBar dobbiamo andare su Layout > Modifica HTML e cercare, cliccando su F3 oppure Ctrl+F il tag navbar.

Troviamo il seguente codice

/* Blogger Navigation Bar */
#Navbar1 {
margin: 0;
padding: 0;
visibility: hidden;
display: none;
}

Anche i non esperti capiranno da visibility: hidden; e display: none; che la navbar viene nascosta. Se invece si vuole ripristinare dobbiamo

  1. Selezionare, copiare e salvare questo codice in un file di testo a futura memoria nel caso volessimo eliminare nuovamente la NavBar
  2. Eliminare semplicemente tutto questo codice e Salvare il modello

L’aspetto del blog adesso sarà cambiato e sarà visibile la barra di navigazione con tutte le sue funzionalità, tra cui il bottone Condividi

barra-navigazione

 

Per gli altri modelli mancanti della NavBar si può fare una cosa simile, però ricordatevi sempre, prima di cominciare, di salvare il modello per evitare di combinare casini.

 





10 commenti :

  1. Grazie. Indicazione utilissima.

    RispondiElimina
  2. niente io non riesco a trovarla sparita

    RispondiElimina
    Risposte
    1. @Luke+-+-+-
      Se la Navbar non c'è e la vuoi inserire per prima cosa salva il modello per un eventuale backup. Vai su Modello > Modifica HTML > Procedi e non espandere i modelli widget. Cerca la riga <body ...
      Subito sotto incolla questo codice

      <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
      <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
      </b:section>

      Salva il modello e la Navbar dovrebbe riapparire

      Elimina
  3. Ho problemi con la navbar che non vedo più né nel mio blog bè in quello degli altri...
    Ho modificato molte volte L'HTLM... forse il problema parte da lì....
    Nel blog ho molti post (avendolo da tempo), Ho la tentazione di cliccare su formatta modello.. che succederebbe??? Grazie....

    RispondiElimina
    Risposte
    1. Se ho ben capito tu non vedi la navbar non solo nel tuo blog ma neppure in quello degli altri? È così? Nel mio blog non la vedi perché l'ho tolta. Se è così si tratta di una cosa che non avevo mai sentita. Se riguarda anche altri blog oltre al tuo non c'entra nulla il codice del tuo template. Se vai su Formatta modello non succede nulla. È un pulsante che serve per rendere il codice più compatto ed esteticamente visualizzabile ma non modifica nulla.
      Propendo più per una questione di browser. Prova a usarne un altro e eventualmente a eliminare i dati di navigazione e in ultima istanza anche i cookie
      @#

      Elimina
    2. Il problema della navbar credo di averlo risolto eliminando una estensione da Mozilla.
      Grazie per il chiarimento....

      Elimina
  4. aiutooo, nel mio codice la navbar si presenta cosi, ma non si vede sul mio blog? che cosa dovrei fare?

    <script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
    if(window.addEventListener) {
    window.addEventListener('load',
    function(){ object[attribute] = val; }, false);
    } else {
    window.attachEvent('onload', function(){ object[attribute] = val; });
    }
    }
    </script>
    <div id="navbar-iframe-container"></div>
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
    <script type="text/javascript">
    gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
    if (gapi.iframes && gapi.iframes.getContext) {
    gapi.iframes.getContext().openChild({
    url: 'https://www.blogger.com/navbar.g?targetBlogID\0754510406824347371777\46blogName\75mundo+de+caty\46publishMode\75PUBLISH_MODE_HOSTED\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://www.mundodecaty.com/search\46blogLocale\75it\46v\0752\46homepageUrl\75http://www.mundodecaty.com/\46blogFollowUrl\75https://plus.google.com/107918577580828466213\46vt\0754568248445776490426',
    where: document.getElementById("navbar-iframe-container"),
    id: "navbar-iframe"

    RispondiElimina
  5. Il tuo sito è questo
    http://www.mundodecaty.com/
    È evidente che non si vede più la Navbar. Viene coperta dal Banner dei Cookie che rimane fisso e che non va via. Usa un sistema diverso per i cookie scelto tra questi
    http://www.ideepercomputeredinternet.com/2015/05/cookie-law-blogger-wordpress.html
    @#

    RispondiElimina
  6. ho tolto quel banner/testo fisso dal layout e poi inserito nel modello html tutto il codice indicato nel articolo, ma non mostra la navbar lo stesso?

    RispondiElimina
    Risposte
    1. Il modello non è ufficiale di Blogger ed è molto personalizzato pure con uno slideshow. C'è un enorme menù in alto che quindi nasconde la Navbar. Anche nel mio blog ho preferito mostrare il menù al posto della Navbar. Non capisco l'esigenza. Comunque dopo aver salvato il template vai su Layout > Navbar e imposta la visibilità nel caso non sia già così. Ti consiglio di togliere il popup della pagina fan di Facebook percvhé è contro alla regola dei cookie e inoltre si mostra prima del banner
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.