Bloggtips: Hvordan lage egendesignet klikkbar meny til bloggen

Flere har spurt meg hvordan jeg lager egne menyer til bloggens sidebar. Det er flere måter å lage menyer på, men dette er kanskje en av de enkleste:

 

 1. Det aller første man må gjøre er å lage selve menyen, slik du vil den skal fremstå i sidebaren.

Selv er jeg tilhenger av gratisprogrammet PhotoScape. Der kan man enkelt velge skrifttype, farge og evt. annen utforming. Når menyen er laget ferdig, lagre den som jgp. eller png.-fil.

NB! Lagre menyen/bildet i en slik størrelse at den får plass i sidebaren på bloggen!

(ca. 200x300 px)

 

2. For neste steg, gå til nettsiden Image-maps.com. Dette er et annet gratis online-program, som forvandler bilder til klikkbare menyer eller linker. Programmet er selvforklarende når man først setter i gang, men jeg forklarer hvordan det gjøres steg for steg.

 

- Last opp menyen/bildet ditt fra pc`n ved å trykke på "Bla igjennom". Når du har valgt bilde, klikk på "Start mapping your image"

- Programmet vil bruke litt til på å laste opp bildet

- Når bildet er ferdig lastet, klikk på "continue to next step"

 

 

- I denne delen av programmet skal du lage selve linkene til bildet ditt

- NB! I menyen til høyre er flere bokser huket av. I boksen "Show Text Links" skal du FJERNE haken. På den måten unngår du at hele adressen til siden du linker til kommer til syne når du fører piltasten over menyen!

- Klikk deretter på "Rectangle"-knappen for å sette i gang med linkingen

- Flytt rektangelet som dukker opp til venstre på skjermen, over teksten du vil linke

- Tilpass rektangelet til din tekst ved å dra sidene og hjørnene i rektangelet til det passer

- Skriv inn adressen du vil linke til i feltet "Link for this map"

- Klikk "Save"

- For å lage linker til alle kategoriene i menyen, klikk på "Rectangle" på nytt og flytt og tilpass rektangelet som beskrevet over. Skriv inn adresser du vil linke til for alle kategoriene

- Når alle kategoriene har fått egne linker, klikk på "Get your code" til høyre i programmets meny

 

- Når du så kommer til denne siden, klikk "HTML Code" fra overmenyen

- Markèr og kopier koden som kommer opp i kodefeltet

 

 

 

 

 

- Logg deg inn på bloggen din

- Gå til "Utforming"

- Velg "Legg til gadget"

- Scroll deg ned til HTML/JavaScript og åpne den

- I vinduet som åpner seg, lim inn koden og klikk på lagre

- Plassèr menyen din der du vil ha den i sidebaren og klikk på "Lagre oppsett"

 

 

 

 

- Menyen er nå synlig på bloggen din!

 

 

 

 

 

Håper beskrivelse og fremgangsmåte var til hjelp for dere som har sendt mail med spørsmål om egendesignede menyer!

 

For flere bloggtips, ta en titt HER!