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




12 commenti

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

    RispondiElimina
    Risposte
    1. Perfetto poi fammi sapere se riesci ^^

      Elimina
  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
    Risposte
    1. Perfetto Gio ^^ Fammi sapere se riesci poi :)

      Elimina
  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. Creare un blog con WordPress: quella offerta dal sito ... su come creare un Sito Web WordPress e come gestire un blog WordPress.


    Creare Un Blog

    RispondiElimina

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