Modificare un menu di un template free Blogger

Per modificare un menu di un template free dovete prima di tutto conoscere la struttura  di base di un menu.

Il codice che ho inserito in questo articolo è solo a titolo di esempio, non potete prelevarlo e usarlo nel vostro template, perché non funzionerebbe se l’autore non ha usato gli stessi “tag”…! Inoltre è necessario anche creare i riferimenti di stile. Quindi  è’ solo un esempio per spiegare il funzionamento.

Prima di tutto SALVATE IL VOSTRO TEMPLATE!!! Mi raccomando e mettetelo in salvo in un posto ben custodito.
Il mio consiglio è di aprire un blog di prova, caricare il vostro template salvato e fare lì i vostri espermenti.

Ora potete incominciare.

Bisogna cercare la stringa di codice del vostro menu, nell’html del vostro blog, per fare ciò seguite questi passi:

Step 1 – Entrate nell’account del vostro blog.
Step 2 – Dalla bacheca cliccate su DESIGN > MODIFICA HTML.
Step 3 – Cercate (CTRL F, vi uscirà un campo nel quale digitare la parola che state cercando) la parola “HOME” oppure “NAVIGATION” oppure “MENU“. Osservate il vostro personale menu e cercate la voce che appare nel menu stesso, che potrebbe essere “About“, “Portfolio” o similari.
Step 4 – Una volta trovata, dovrebbe presentarsi simile ad una lista, in cui compaiono i nomi che vedete campeggiare nel menu del blog:

NAVIGATION

<li class=’nav_main_item ‘>

<a class=’primary’ expr:href=’data:blog.homepageUrl’ id=’home’>Home</a>

</li>    Questo determina la lista con gli altri elementi del menu

<li class=’nav_main_item ‘>

<a class=’primary’ href=’#’>Templates</a>      Un altro titolo del menu.

SOTTO-menu di TEMPLATES:

<li class=’nav_sub_item’><a href=’http://nometuosito.blogspot.com/my-image.html’>My Image</a></li>
<li class=’nav_sub_item’><a href=’http://nometuosito.blogspot.com/my‘>My experiment</a></li>
<li class=’nav_sub_item’><a href=’http://nometuosito.blogspot.com/‘>Working</a></li>
<li class=’nav_sub_item’ style=’border:0 !important;’><a href=’http://nometuosito.blogspot.com/‘>UnderConstruct</a></li>
</ul>
</div>

CONTINUA LA LISTA DELLE VOCI DEL MENU NORMALE

</li>
<li class=’nav_main_item ‘>
<a class=’primary’ href=’http://nometuosito.blostpot.com/porfolio‘>Portfolio</a>
</li>
<li class=’nav_main_item ‘>
<a class=’primary’ href=’http://nometuosito.blogspot.com/contact.html‘>Contact</a>
</li>
<li class=’nav_main_item’>
<a class=’primary’ href=’http://nometuosito.blogspot.com/disclaimer.html‘>Disclaimer</a>
</li>
<li class=’nav_main_item’>
<a class=’primary’ href=’http://nometuosito.blogspot.com/about.html‘>About</a>
</li>
<!– NAVIGATION END

Step 5 – Caricare i vostri url

Tutto quello che è scritto in rosa corrisponde all’url dei vostri post, naturalmente per sostituire l’url del template dell’autore con il vostro dovrete prima cosa:

scrivere il post,

pubblicarlo e

poi prelevare l’url dal browser e metterlo nella parte di codice con scritto “nometuosito…/contatti.

Per ogni titolo del menu dovete creare il post, pubblicarlo e inserire il codice. OK! 😉

Step 6 Cambiare le voci di menu.
Tutte le parti di codice in verde, si possono cambiare con i vostri titoli personali. Al posto di Template metterete un altro titolo come “Risorse”. Usate titoli brevi.

Step 7Creare nuove voci.
Per creare nuove voci, dovrete semplicemente copiare la parte di codice del menu, inserire l’url del vostro post, mettere un titolo.

Ad esempio:

</li>
<li class=’nav_main_item ‘>
<a class=’primary’ href=’http://nometuosito.blostpot.com/Risorse‘>RISORSE</a>
</li>

Step 8 – Disattivare i link dell’autore
Per disattivarli, basterà cancellare l’url rosa dell’autore e inserire in seguito il vostro tra le due virgolette  “….”
Step 9 – Aggiungere un’icona e posizionarla bene
Se volete potete sostituire il titolo con un’icona. Ad esempio per i contatti un’immagine di una busta.

<li class=’nav_main_item ‘>
<a class=’primary’ href=’http://nomevostrosito/contact.html’>

<img src=’URL DELLA TUA IMMAGINE‘/></a></li>

Bene cari blogger, mi sembra di aver scritto tutto, come sempre

a presto,

by Blogghidee

 

Spread the love

Leave a Reply

This blog is kept spam free by WP-SpamFree.