Hvordan få meny under headeren

Ok... Dette er litt av et prosjekt... Og jeg skal prøve å forklare det så godt som jeg kan... Vi får begynne med å gå til utforming -> rediger HTML og finne følgende sted i stilsettet:

Under overskriften (altså under /*Header                                                                                    
                                               ---------------------------------------------------------
                                               */

limer du inn følgende kode:


#menu ul li{
font-size:200%;
list-style-type: none;
display:inline;
padding:0px;
margin:10px;
border:0px solid;
}

#menu li a{
color:#4d4d4d;
}

#menu li a:visited {
color: #4d4d4d;
}

#menu li a:hover {
color: #4d4d4d;
background: #c2cac9;
}

Trykk på lagre mal.
Hvis du forhåndsviser eller trykker på bloggen etter du har lagret, vil du ikke se noen endringer enda. Du vil derimot se endringer nå du går inn på utforming -> sideelementer. Da vil du ha fått nye 'legg til gadget' plasser ved headeren (se bilde under)

Hvorfor det dukker opp en over og en under, vet jeg ikke helt. Men det er i alle fall den under headeren du skal bruke. --------------------------------------------------------------------------------------------------------------------

Trykk på "legg til gadget" på den nye boksen under headeren - og velg HTML/Java Script:

Deretter skriver du inn følgende kode:

Dere må desverre gjøre det tungvint og skrive inn hele koden fra scratch. Jeg har nå sittet i over 2 1/2 time for å prøve å lime inn koden, så dere bare kunne kopiere den og lime den rett inn. Men blogspot gjør den om til masse tull - sikkert fordi det er en litt spesiell kode... Så da får dere nesten gjøre det the hard way...

-------------------------------------------------------------------------------------------------------------------

Du kan nå endre tittelen på menyen din til hva som måtte passe. Da erstatter du forslagene som allerede står i koden du limte inn (home, om meg, awards) med hva du møtte ønske. F.eks. med blogshop, blomster, stue etc.

Nå kan du for moro skyld lagre - og ta en titt på bloggen din for å se hvordan det er blitt. Hvordan du kan endre farger og skrift kommer jeg til å lage et eget innlegg om (se link neders) -----------------------------------------------------------------------------------------------------------------------

Så må du linke til sider i under hver av titlene dine i menyen. Hvis du velger å ha en 'home' knapp i menyen din, så erstatter du 'URL' med adressen til bloggen din - osv, osv.  
PS: husk å skrive http:// forann alle URL adresser. Det holder ikke med bare www.
 

La meg vise et eksempel: La oss si at jeg gjerne vil ha Aftenposten som en post i menyen min. Da gjør jeg altså følgende:

Da vil menyen på siden min se slik ut - og du vil komme på Aftenpostens hjemmeside når du trykker på ikonet:

-----------------------------------------------------------------------------------------------------------------

SÅ kommer det som er litt vanskelig - og det som er litt jobb, hvis du vil ha menyen din akkurat som min... Nemlig at når du trykker på awards, kommer du til en helt egen side hvor jeg har samlet alle mine awards. Eller 'om meg' siden, hvor det handler om meg og mitt. Eller om denne nye siden jeg har laget - nemlig blogdesign - hvor jeg kan poste, endre og lagre så mye blogdesign innlegg jeg bare vil, uten at det kommer på hovedbloggen min (Siljes lille krypinn)...

Så da begynner jeg å forklare. Hold pusten og tunga rett i munn, så skal detta gå så bra!
Kort fortalt så er det jeg gjør, å lage en egen blogg for hvert av meny-alternativene mine. Dvs at jeg har en blogg for 'om meg' - en blogg for awards osv.

Når du har en brukerprofil her på blogspot, så kan du lage så mange blogger du vil. La meg vise dere eksempler fra min egen blogg: Når dere trykker på 'om meg' i menyen min, kommer dere til denne adressen: siljeskrypinn2.blogspot.com

Her har jeg altså opprettet en ny blogg på brukerprofilen min - med samme adresse som hovedbloggen, men med et 2 tall i. Awards adressen har et 3 tall. Osv... Det er egentlig veldig greit. For når du har opprettet en ny blogg og valgt mal, er det bare å kopiere hele HTML koden fra hovedbloggen din, mærke alt og lime det rett inn i den nye bloggen. Så blir alt helt likt og ryddig. La meg gå igjennom det trinn for trinn: Gå til oversikten din og velg 'opprett en blogg'

Kall gjerne bloggen det samme som meny-knappen den skal høre til - det gjør ting  mer oversiktlig:

Så er det som sagt bare å klippe og lime stilsettet fra hovedbloggen din inn i den nye. Deretter lager du et nytt innlegg som handler om deg, eller om awardsene du får osv. Så er det selvsagt bare å gå inn og redigere så mye du vil, når du vil... -------------------------------------------------------------------------------------------------------------------

Så har vi den siste utfordringen. Nemlig at gjester som går inn på din profil ikke skal kunne se eller trykke på de nye bloggene du har opprettet for din meny. Det løser vi på følgende måte: Gå til oversikten/brukerprofilen din og velg 'rediger profil':

Deretter gå til 'velg blogger som skal vises':

Så huker du kun av adressen til hovedbloggen din og ellers de adressene du vil skal være synlig for alle:

SÅNN!!! Da var det forklart etter beste evne! Håper dere forsår det jeg skriver... Alternativet er jo selvfølgelig å kun linke til innlegg hovedbloggen osv. Men det både velger og finner du ut av selv! Husk å lim inn koden i 'legg til gadget' (under headeren) på alle de nye bloggene du oppretter, dersom du vil at menyen skal følge alle sidene du lager. ----------------------------------------------------------------------------------------------------------------

Se blogginnlegg om hvordan endre farge i meny her