Blogging Tips#21: Come centrare la barra di navigazione di Blogger

Buongiorno! Oggi per la rubrica Blogging Tips un consiglio utile utile e veloce veloce per evitare il fastidioso problema delle barre di navigazione predefinite di Blogger: ovvero il loro allinearsi automaticamente a sinistra.






Quando create una barra di navigazione realizzata con le Pagine del vostro blog su Blogger (Bacheca/Layout/Aggiungi Gadget/Pagine), vi accorgerete - o vi sarete già accorti - che di default Blogger allinea tale barra a sinistra.
A volte capita però di avere solo 3 Pagine da voler mettere nella barra di navigazione, e queste compaiono tutte allineate a sinistra, quando magari le si vorrebbe centrare sotto l'header.


Come fare?

Semplice! Con un po' di HTML

Prima di tutto create la vostra barra di navigazione con le voci corrispondenti alle Pagine di cui avete bisogno. 

Dopo di che andate:

Bacheca/Modello/Personalizza/Avanzato

Qui avete la possibilità di modificare molti aspetti grafici del vostro blog. 
Scorrete fino alla fine della tendina, dove troverete:

Aggiungi CSS





Nella tendina bianca, copiate questo codice HTML:



che trovate QUI da copiare e incollare sullla vostra Bacheca.

Salvate... et voilà! Tutto fatto, tutto finito! Facile, no?


Buona giornata! 






9 commenti

  1. Ciao Mara! Grazie per questo tutorial semplice ma molto utile.
    Io però ho un inconveniente: non ho la possibilità di fare salva modifiche, il tasto è arancione chiaro e se ci passo il cursore non succede nulla.
    Sai da cosa può dipendere? Scusami per il disturbo.

    RispondiElimina
    Risposte
    1. Mi sembra strano Giorgia, il bottone è quello una volta cliccato, le modifiche vengono salvate.
      Ciao!
      Mara

      Elimina
  2. Ciao Mara e grazie per questo consiglio. Anche io però come leggo da Giorgia, non riesco a salvare la modifica: anche a me infatti il tasto arancione risulta più chiaro e non mi permette di salvare la modifica.
    Sperando tu possa riuscire a risolvere il nostro problemino, ti faccio i miei più sinceri complimenti per il tuo bellissimo blog.
    A presto.
    Emanuela

    RispondiElimina
  3. carissima oggi stavo rivedendo la grafica del mio blog.. facendo una ricerca google mi ha proposto questo tuo post.
    sei una grande <3

    RispondiElimina
  4. Ciao! Qs tutorial mi è stato utilissimo .... però, io nel mio blog ho complicato un po' le cose e non sono ancora riuscita a raggiungere la versione definitiva che mi piace. in pratica ho voluto creare due barre di navigazione, una più sopra e una qualche riga sotto. Vorrei allineare a destra la barra più in alto e lasciare a sinistra la seconda. Quando inserisco i codici che tu hai indicato, ovviamente mi si spostano entrambe. C'è un modo per poter agire separatamente su una e sull'altra?

    RispondiElimina
  5. Mara sei un portento!!! ho avuto un pò di difficoltà iniziali ,poichè anche a me il bottone salva non permetteva di applicare le modifiche , ma riscrivendo in modo più allineato ha funzionato...grazie per il tuo prezioso suggerimento !!xoxoxox
    se ti va visita il mio blog : www.thefashionrefleXions.blogspot.com

    RispondiElimina
  6. Davvero geniale, erano mesi che cercavo di farlo e finalmente grazie a te ci sono riuscita! :)
    Buona giornata e ancora grazie,
    Jo

    RispondiElimina
  7. Grazie Mara, è stato molto utile! Però continua a darmi un po' fastidio la griglia entro cui sono "rinchiuse" le schede nel menù pagine... Non esiste un modo per eliminarla? Un pò come nel tuo blog

    RispondiElimina

Thank you for visiting me! All your comments make me happy! I will read each one carefully and respond to them!