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:
-Creare Slideshows




11 commenti

  1. Molto utile e facilissimo! Credo che presto lo metterรฒ in pratica! Grazie :)

    RispondiElimina
  2. grazie mille!! proverรฒ a metterlo in pratica perchรจ proprio non sapevo come fare!

    RispondiElimina
  3. Grazie รจ davvero molto molto utile!!!!!!!!!!!interessante!!!!!!!!!!!!^_^

    RispondiElimina
  4. Sto creando la grafica in questi giorni ed era una cosa che proprio mi interessava, quindi mai tutorial fu piรน azzeccato! Grazie Juliette :*

    RispondiElimina
  5. Wow รจ proprio quello che stavo cercando....รจ un ottimo post!! Grazie mille per condividere le tue informazioni con gli altri...รจ una qualitร  che solo in pochi hanno!!!

    RispondiElimina
  6. Wow รจ proprio quello che stavo cercando....รจ un ottimo post!! Grazie mille per condividere le tue informazioni con gli altri...รจ una qualitร  che solo in pochi hanno!!!

    RispondiElimina

  7. Creare Un Blog
    http://www.alessandralorenzi.com/la-consulenza/

    please click here & Get Knowledge about Creare Un Blog.

    RispondiElimina
  8. Grazie. รˆ proprio ciรฒ che cercavo❤

    RispondiElimina

Grazie mille per aver commentato il mio post!Apprezzo tantissimo i vostri commenti e cercherรฒ di rispondervi al piรน presto =)

Featured Slider