Come inserire artigianalmente una barra dei collegamenti in Blogger.

Nei siti professionali sotto la intestazione ci sono tutta una serie di bottoni che rimandano a dei collegamenti per ogni singola sezione del sito. Si può fare una cosa analoga in Blogger se non si ha un modello che lo preveda già. Questo mio post è da considerare come una esercitazione, se poi a qualcuno torna utile tanto meglio.
La prima cosa da fare è fissare che cosa e quante cose si vuole mettere sotto la intestazione; io ho messo Home, Profilo, Contattami e Scambio link ma si può mettere altre cose tipo un collegamento ad altri blog oppure si può togliere Home che è abbastanza inutile. Fatto questo si va su Nuovo Post e si mettono le scritte con i colori giusti, ciascuna delle quali è stata selezionata e addizionata del collegamento giusto, come mostrato in questo screenshot

L'unico collegamento che presenta una qualche difficoltà è quello per la posta elettronica. Al posto dell'URL va inserito il comando
mailto:parsifal32@live.it
dove al posto del mio indirizzo mail ovviamente dovete mettere il vostro. Completati tutti i collegamenti cliccate su Modifica Html che sta accanto a Scrivi, selezionate tutto e copiate.

Non occorre naturalmente che pubblichiate il post. Adesso andate su Layout, Aggiungi elemento pagina, Htlm/Javascript ed incollate il codice che avete appena copiato. Salvatelo e posizionatelo sotto l'intestazione

Salvate il tutto e visualizzate il vostro lavoro controllando l'esattezza dei collegamenti. Ricordatevi di mettere l'indirizzo giusto di posta elettronica non vorrei ricere le vostre mail!
Se uno vuole fare una cosa più raffinata può usare un programma di grafica come Photoshop o il gratuito Gimp che ha funzioni solo di poco inferiori.


Aprite Nuovo e immettete i dati in pixel che vi servono. Io ho messo 150 pixel di larghezza e 40 di altezza; se avete più collegamenti diminuite le dimensioni. Selezionate Testo e immettete il testo per ogni singolo bottone. Quindi selezionate lo strumento posizionatore e posizionate il testo in modo idoneo. Dovete farlo per tutti i pulsanti che volete aggiungere. In questo screenshot che si riferisce a Photoshop lo strumento testo è cerchiato di giallo e il posizionatore di marrone; anche negli altri programmi di grafica i pulsanti hanno più o meno la stessa forma.


Adesso fate il procedimento nello stesso modo in cui l'ho già descritto, cioè create un nuovo post ma al posto del testo inserite le immagini che avete appena creato. Quando le inserite badate bene di scegliere Nessuno tra i tipi di layout richiesti quindi con il drag & drop posizionateli in orizzontale. Meglio inserire per prima l'ultima e per ultima la prima.

Adesso selezionate ogni singola immagine (apparirà un rettangolo con maniglie) e inserite per ognuna i collegamenti opportuni, quindi e qui sta la differenza fondamentale pubblicate il post successivamente andate su Modifica post, quindi su Modifica Html selezionate e copiate il codice che poi inserirete nel Nuovo elemento pagina da posizionarsi sotto l'intestazione. Salvate il tutto ma adesso bisogna eliminare il post che avete pubblicato. Andate su Gestione Post cliccate su elimina e a questo punto vi verrà presentata l'opzione se cancellare o mantenere le immagini. Voi dovete mantenerle altrimenti si cancelleranno anche i vostri bottoni, come mostrato in questo ultimo screenshot

Anche se ho la presunzione di insegnare agli altri sono appena sei mesi che ho un blog quindi se qualcuno mi darà delle idee migliori non mi offenderò, anzi!
Aggiornamento - Se qualcuno non riuscisse a generare il codice HTML della Barra dei Menu può copiarlo qui e quindi incollarlo nella sezione Modifica HTML dell'editor dei post quindi passare a Scrivi dove sarà visualizzata la barra e mettere i collegamenti voluti. A questo punto passare nuovamente a Modifica HTML, cliccare sul pulsante destro del mouse e selezionare tutto quindi copiarlo ed incollarlo in Aggiungi elemento pagina e posizionarlo sotto l'intestazione.

Aggiornamento importante: Questo articolo è ornai obsoleto. Ho introdotto diversi tipi di menù che possono essere installati seguendo le indicazioni dei post raccolti nelle etichette menù.