Creare e personalizzare un menu in blogger (tutorial)

Buongiorno, lettori!Da quanto tempo non vi propongo un tutorial di grafica?Quello sui menu di blogger è un post che mi avete richiesto in tanti, e oggi vi propongo un tutorial che spero possa essere utile anche ai più inesperti. Inserire un menu è semplice, ma personalizzarlo e renderlo un po' più particolare potrebbe rivelarsi difficile, soprattutto se non si conosce molto l'html. 

Il tutorial che vi propongo è il modo più facile e veloce per creare e personalizzare un menu (classico orizzontale), non è niente di elaborato o complesso, ma spero possa comunque tornarvi utile :)

C R E A R E   E   P E R S O N A L I Z Z A R E   U N   M EN U   B L O G G E R

Step 1-Create il menu. Vi basta aprire Picmonkey o qualsiasi altro editor e scrivere i nomi delle varie pagine che comporranno il menu. 

Dopo di che inserite le icone (nel mio caso, i fiorellini), o qualsiasi altra decorazione. Infine salvate.

Step 2-Ritagliate i vari link, ovvero, ritagliate quella parte di immagine che poi dovrà rimandare a una pagina precisa.

Salvate ogni rettangolino, ricordando di numerarli.

Step 3-Caricate le immagini ottenute su un servizio di hosting (io per il tutorial ho usato semplicemente blogger) e copiate i vari link ottenuti.

Step 4-Adesso andate in Layout-Nuovo Gadget/Gadget HTML

Step 5-Incollate questo codice e riempite con i link delle immagini e delle pagine: 

<div class="menu">

<a href="LINK PAGINA" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="INDIRIZZO IMMAGINE" />

<a href="LINK PAGINA 2"><img  src="INDIRIZZO IMMAGINE 2"  /> </a><a href="LINK PAGINA 3"><img  src="INDIRIZZO PAGINA 3"  /> </a><a href="LINK PAGINA 4"><img  src="INDIRIZZO PAGINA 4"  /> </a></a></div>

Step 6-Posizionate il gadget sotto il logo. Salvate e nel caso il menu sia uscito troppo lungo modificatelo (o se il vostro header lo permette, allargate semplicemente la dimensione del blog).

Post precedenti della rubrica:

-HTML di base che ogni blogger dovrebbe conoscere

-5 errori che ogni blogger dovrebbe evitare

-Farsi conoscere quando si è appena entrati nella blogosfera

-Blogging vs Life-Conciliare Blog e vita privata

-Creare un header step by step + programmi da usare

-Trovare l'ispirazione per una nuova grafica

- Leggere in inglese: come e perché?

- Introduzione alle blockquotes!

-Creare Slideshows

-10 applicazioni utili per i blogger