13 luglio 2013

Come costruire un delizioso menu´ per il blog



La zona del secchione ( Nerd zone) e´ aperta. Ormai sapete da quando mi conoscete che smanettando giorno dopo giorno su questo blog ho imparato tantissime cose e mi fa piacere condividerle con voi.Oggi voglio parlarvi come costruire un menu´ per il blog del tutto diverso di quello che ci offre  blogger. Un nastro delizioso rosa dove scrivere le nostre pagine del blog. Dovete disporre di Photoshop o un Photo editor online per costruirvi il disegno.

Adesso dobbiamo mappare il nostro menu´ vale a dire che ad ogni singola voce clikkandocci sopra verra´ indirizzato sul nostro blog.Per fare cio´ ci serviremo di Image map,molto facile da utilizzare.Caricate la vostra immagine qui vedi sotto il disegno.
Quindi nella prossima schermata andiamo a mappare le singole voci che ci servono. Utilizzeremo il rettangolo
molto comodo puntandolo direttamente sulla scritta inserendo il nome e il link della pagina del nostro blog e salviamo. Questo lavoro deve essere fatto per tutte le voci del nostro menu´ di navigazione.

Quando terminate la mappatura generate il codice  e clikkate su codice HTLM code.
Selezionare la prima porzione fino a  </map> di chiusura come l´immagine vedi sotto.

Unico problema che dovete caricare su un hosting esterno la vostra immagine e vi serve tipynic e cambiate il
codice sopra "http.//www.image-maps.com/uploaded files 820 sostituendolo con il link generato da tipynic.
Il lavoro e´ finito copia il codice all´interno di un gadget HTLM/javascript e posizionalo nel tuo blog.
>>>>>>>>>>>> Ma non e´ finita qui, oltre a questo tutorial oggi puoi chiedermi lasciando un  commento sotto questo post problemi da risolvere  per il tuo blog.
Vuoi fare una scritta ma non sai come fare? Hai bisogno di un disegno specifico, di una dritta, come creare un bottons per il blog insomma chiedetemi saro` felice di darvi una mano .....
////////sosta nella zona Nerd e´ tutto gratuito!////////



Per partecipare al corso clikkate qua sotto.

7 commenti:

  1. Ciao,sono Matilde e leggo spesso il tuo blog.Interessante ma difficile il disegno del menù.A me interessava sapere come si elimina la barra sopra header.Grazie in anticipo
    Matilde

    RispondiElimina
  2. @Matilde
    Ciao stai parlando della navbar quella linea sopra l´header.Vai sul modello del tuo template e dove trovi il blocco compreso dalle righe tratteggiate che indicano nome del blogger,designer ed anno subito dopo la linea tratteggiata devi inserire

    #navbar-iframe {
    display: none !important;
    }

    vedi in anteprima se sparita e poi salva.Grazie per essere passata!

    RispondiElimina
  3. Uaaa, mitica l'idea della nerd zone. Ecco... a me servirebbe tutto, sono totalmente ignorante.
    Franci

    RispondiElimina
  4. @franci
    Bene,un altra ammiratrice ;D ogni settimana ce´ un post Nerd !Seguimi!

    RispondiElimina
  5. ti adorooooo... finalmente ora so come fare!

    RispondiElimina
  6. Grazie mille!! Ci proverò appena ho un po' di tempo!!!! :-)

    RispondiElimina
  7. Splendido @smile ho visto che anche tu sei brava con il blog ^_^

    RispondiElimina

Instagram

Pinterest