lunedì

Creare un menù orizzontale in Blogger

Per creare un menu' orizzontale (invece che il solito verticale) in blogger  , andiamo in layout/modifica html, SALVIAMO INNANZITUTTO IL VECCHIO MODELLO PRIMA DI FARE MODIFICHE, poi aggiungiamo il seguente codice CSS, come visualizzato sotto:

*-- (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;
}

Il codice va posizionato sopra al "commento":  /* Comment

Poi copiate il codice sotto:

<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 si deve inserire il link di una pagina particolarmente importante.
E al posto di Anchor Text inserire la parola chiave da linkare.

Ora incollatelo subito sopra questa striscia:

<div id='content-wrapper'>

oppure sopra a quest'altra:

<div id='main-wrapper'>
Related Posts with Thumbnails