Creare un menu' orizzontale in blogger

Ti piacerebbe avere un menù orizzontale come il mio? Come ben sai, blogger non dà la possibilità di creare pagine statiche, le classiche "chi sono", ma con qualche piccola modifica al codice, un tocco di CSS e un pizzico di elasticità mentale è possibile crearsi la propria barra orizzontale!!

Avvertenze, si tratta di un tutorial un po' ostico per chi ha poca confidenza con il linguaggio html/css, quindi prima di effettuare qualche modifica, ti consiglio di fare una copia di backup del modello, oppure di fare un po' di pratica con un blog di prova.

Come modello di partenza io ho usato un "minima", ma anche con gli altri template preimpostati non ci dovrebbero essere particolari difficoltà!!

Allora iniziamo, spostiamoci in layout/modifica html, il codice css da aggiungere è questo:

/*-- (Menú) --*/

#navmenu ul {
margin: 0px;
padding: 0px 400px 0px 0px;
font-size: 115%;
font-weight: bold;
list-style-type: none;
list-style-image: none;
}

#navmenu li {
display: inline;
padding: 5px 5px 5px 3px;
}

#navmenu a {
text-decoration:none;
}

Per posizionare la barra a vostro piacimento, dovere "giocare" con i valori che ti ho segnato in blu.

Domanda, dove posiziono il codice?
Il codice va posizionato sopra al "commento":

/* Content
----------------------------------------------- */

O qualcosa del genere. In genere, questo commento può variare da template a template.

Bene blogger, adesso è giunto il momento di costruire materialmente il tuo menù orizzontale!!

Copia questo codice:

<div id='navmenu'>
<ul>
<li><a href='Url_sito_pagina'>Anchor Text </a></li>
<li><a href='http://risorse-blogger.blogspot.com/'>HOME</a></li>
<li><a href='http://risorse-blogger.blogspot.com/2007/10/scambio-link.html'>SCAMBIO LINK</a></li>

</ul>
</div>

Dove al post di Url_sito_pagina dovrai inserire il link di una pagina che ritieni particolarmente importante.
E al posto di Anchor Text dovrai inserire la parola chiave da linkare.
Sotto puoi vedere i miei esempi.

Domanda, e dove incollo quel codice html?
Il codice và incollato sopra a:

<div id='content-wrapper'>

oppure, sopra a:

<div id='main-wrapper'>

Fate delle prove per verificare il risultato che vi piace di più!!



Bene, adesso sai come creare il tuo menù orizzontale in blogger con i css, puoi creare le pagine "chi sono", "foto", "risorse uliti", "Scambio link", e via con la fantasia!! Dopotutto si tratta di semplici post messi in rilievo!! ;)

ps. questo è solo uno dei tanti metodi!! :)