Skip to content

@ MENU BLOGGER?

I blog creati con Blogger su certi aspetti sono un pò limitati . A dire la verità si possono fare molte modifiche, ma spesso bisogna avere conoscenze specifiche di php, css, etc.

Putroppo blogger non da di default (base) la possibilità di creare un menu dal pannello di amministrazione standard. Però con qualche modifica al codice e al css è possibile creare un menu orizzontale.

Comunque, ti consiglio, una mia guida molto semplice per creare un blog da zero con blogspot: guida creare un blog.
Se invece hai già un blog con blogger e possiedi una media dimestichezza con le funzioni più importanti, potrebbe interessarti un guida per creare un menu per blogger.

Creare un menu per Blogger

Menu Blogger azione 1:

Crea un backup del template.. In questo modo eventuali sbagli non compromettono il tuo template. Puoi anche provare a creare un menu blogger con blog di prova.

Menu Blogger azione 2:

Dal panello amministrativo di blogger andiamo in layout/modifica html, dobbiamo aggiungere un codice css, 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;
}

Menu Blogger azione 3:

Inserisci il codice appena detto sopra la scritta:

/* Content
———————————————– */

Menu Blogger azione 4:

Ora dobbiamo inserire un nuovo 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>

Url_sito_pagina: qui devi inserire l’indirizzo delle pagina che dovrà comparire sul nuovo menu di blogger.

Anchor Text: qui inserisci il nome che deve apparire sul link ch porta all’indirizzo creato nel punto precedente.

Menu Blogger azione 5:

Inserisci questo nuovo codice sopra alla scritta:

<div id=’content-wrapper’>

oppure sopra

<div id=’main-wrapper’>

Nota bene: con sopra intendo nella parte superiore e no sovvrascrivere la scritta. Inoltre fai delle prove sulla prima e seconda posizione in base ai risultato che più gradisci.

Menu Blogger azione 6:

Per posizionare il menu, ritorna all’azione n°2. Nel codice sono presenti 2 righe in grassetto, le ho rese cosi per evideziare che devi modificare quei valori per posizionare il menu, fai delle prove fino al miglior risultato in base al tuo template.

Esempio: padding: 0px 400px 0px 0px; oppure padding: 10px 300px 10px 10px;

Conclusioni

Questo è uno dei metodi per creare un menu, su cui inserire pagine statiche. In altri template questi menu per blogger sono già presenti, per tanto non serve seguire tali azioni. Se il menu è già presente, dovrai trovare le linee del codice dell’azione 4 e modificare le righe relative l’indirizzo e il nome del link: Url_sito_pagina e Anchor Text.

Hai fatto delle prove? Come sono andata conq uesto tutorial?

MENU BLOGGER? by
Lorenzo De Santis

Ti potrebbe interessare anche: