KODER TIL DEG!

For å gjøre alt lettere for deg:
SØK :                  ctrl+F
MARKER ALT:  ctrl+A
KOPIERE:         ctrl+C
LIM INN:            ctrl+V

#Header i stilsettet betyr headeren/banneren din (bildet øverst). #Wrapper betyr innholdet. Altså den delen av bloggen der innleggene + sidemenyen er. #Footer er den aller nederste seksjonen hvor alle linker til blogg og credit ligger.

#ffffff, #000000 osv er fargekoder, det bestemmer hvilke farge en ting skal være. Her er et fargekart: http://www.december.com/html/spec/colorhex.html

Rammer: Gjør tallet som står før px større for bredere ramme. Du kan også bytte ut "solid"  (står i alle kodene på denne siden) med dotted, dashed, double, groove, ridge, inset eller outset. Du kan også bytte ut #000000  (står i alle kodene på denne siden) med en annen kode.


RAMME RUNDT ALLE INNLEGG

 

}
.entry {
border: 1px solid #000000;
}

HVORDAN: Legg til over "} #header"

 


RAMME RUNDT BLOGGEN:
border: 2px solid #000000;
HVORDAN: Legg inn koden nederst under #header, #wrapper eller #footer, alt etter hvor du vil ha rammen. Les øverst for å finne mer om rammer.

RAMME RUNDT ALLE BILDER SOM POSTES
img.thumbnail, img.image { border: 5px solid #FFFFFF;}

img.image { border: 5px solid #FFFFFF; }

image { border: 5px solid #FFFFFF; }
HVORDAN: Legges til nederst i stilsettet. Les øverst for å finne mer om rammer.

RAMME RUNDT HELE BLOGGEN (HELE NETTSIDEN)
border: 8px solid #000000;

HVORDAN: Legg til øverst i stilsettet. Det skal se slik ut:
body {
background-color: #FFFFFF;
font-family: arial;
border: 2px solid #000000;} Les øverst for å finne mer om rammer.

GJØR BLOGGEN DIN SMALERE ELLER BREDERE:
widht: 800px; 
HVORDAN: Legg inn koden nederst i #wrapper, #header eller #footer, alt etter hvor du vil ha det, i stilsettet. Gjør tallet der hvor det står 800 større for bredere, og minder for smalere (950 px er standard størrelse). 

FOR Å MIDTSTILLE BLOGGEN:
margin-left: auto;
margin-right: auto;
HVORDAN: Denne koden gjør at innholdet (Headern, wrapper, footer. IKKE teksten) blir midtstilt. Kan derfor legges under #header, #wrapper og/eller #footer.

BAKGRUNN PÅ OVERSKRIFTENE I INNLEGGENE DINE
h2 { background-color: #000000}

 

HVORDAN: Legg til nederst i stilsettet ditt.

 


STØRRELSEN PÅ OVERSKRIFTENE I INNLEGGENE DINE 
h2 { font-size: 40pt; }


HVORDAN: Legges nederst i stilsettet ditt.


 

BAKGRUNNEN PÅ BLOGGEN "SITTER FAST"


background-attachment:fixed;

 

HVORDAN: Legg inn under den linja hvor URL adressen til bakgrundsbildet ditt ligger. Slik skal det se ut : body {

background-image: url(''BAKGRUNDEN DIN HER);
background-attachment:fixed;
}

 


MIDTSTILLE TEKST:
text-align: center;

HVORDAN: Legg til under #wrapper og #footer. Hvis du vil midtstille overskriftene til overskriftene til innleggene dine setter du inn h2 { text-align: center; } nederst i stilsettet ditt.


ENDRE "X KOMMENTARER" 

<a href="${EntryPermaLink}#comment">${EntryCommentCount} DIN TEKST HER</a>

HVORDAN: Kopier: <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a> Og gå inn på maler, og søk på dette. Når du har funnet dette, går du inn i den koden, og gjør om der det står kommentarer til f.eks "Fotspor, søte små, bananer" e.l. Når du har gjort det, gjør du om i kodene som også står over. 

Søk på "Èn Kommentar", da finner du et sted hvor det står "Èn kommentar" gjør om dette til det du vil at det skal stå når det er bare en kommentar, og så søker du på "Ingen kommentarer". Da gjør du om der til det du vil at det skal stå når det ikke er noen kommentarer. Gå nå inn på Innlegg, kategorier og arkiv og gjør det samme der.


FJERNE SIDE MENYEN 
}
#side {
display: none;

HVORDAN: Legges til nederst i stilsettet


FLYTTE SIDEMENYEN FRA HØYRE TIL VENSTRE

}
#main {
float: right;
}
#side {
float: left;

HVORDAN: Legg til nederst i stilsettet.


HVOR MANGE LESER BLOGGEN DIN AKKURAT NÅ?

<!-- Start FastOnlineUsers.com --> <a href="http://www.fastonlineusers.com"> <script type="text/javascript" src=http://fastonlineusers.com/on4.php?d=V I K T I G A T D U L E G G E R T I L B L O G G E N D I N H E R ! mce_src=http://fastonlineusers.com/on4.php?d=V I K T I G A T D U L E G G E R T I L B L O G G E N D I N H E R ! ></script> </a> TEKST ETTER ANTALL</a> <!-- End FastOnlineUsers.com --></div>

HVORDAN: Gå inn på Endre profil, så inn på beskrivelse. Legg til koden der. Nå er det viktig at du legger til http://www.DINBLOGG.blogg.no der hvor jeg har skrevet at du skal det. Og at du legger til en tekst der hvor det kommer til å så hvor mange folk som er på bloggen din. F.eks: Søte små engler er på bloggen min nå! 


MELLOMROM MELLOM HEADEREN OG SELVE BLOGGEN (WRAPPEREN)
margin: 0px 0px 10px 0px;

HVORDAN: Legg til under header i stilsettet. Gjør tallet 10 mindre for å gjøre mellomrommet større og for mindre omvendt.


MELLOMROM OVER HEADEREN
<br>

HVORDAN: Gå inn på maler, og søk på teksten "<div id="doc2">", og lim inn <br> etter dette. Hvis du vil ha større mellomrom limer du inn <br> så mange ganger så du blir fornøyd. Bare å prøve seg frem.
 

MELLOMROM MELLOM SELVE BLOGGEN OG SIDEMENYEN

#side {
width: 150px; 
font-size: 8pt; 
border-left-width: 1px; 
border-left-style: solid;
border-left-color: #000000

HVORDAN: Gå inn på stilsett, og legg til denne koden under #footer. Font-size=Størrelsen på skriften i sidemenyen. width: 150px; = bredden på sidemenyen. border-left-width: 1px = Størrelsen på mellomrommet mellom sidemenyen og selve bloggen.

 


ANDRE MED HTML OG DESIGN HJELP:

Har du en blogg med koder e.l? Vil du at jeg skal linke til deg? 0 problem! Legg igjen en link! 
Håper dere setter pris på kodene!
22 kommentarer

Stephanie Nilsen

02.11.2009 kl.04:52

tusen takk for hjelp!

Stine

16.11.2009 kl.21:41

Ja: tusen takk! :) Selv om jeg ikke får så mange av disse til å fungere på blogspot, hjalp det meg litt ^^,

Stine

16.11.2009 kl.22:35

Jeg har et spørsmål! Jeg sliter med å få farge bak hvert innlegg. Liksom; at bakgrunnen til postene mine er f.eks. hvit. Siden jeg har blogspot. Vet du noe om dette?

Stine

16.11.2009 kl.22:51

Nei, bare glem det =P Jeg fant det ut. Takket være kodene dine ^^,

emilie :-)

23.11.2009 kl.19:51

Jeg elsker å finne slike blogger, spesielt når designet er kjempefin! derfor lurer jeg på en ting, må jeg betale for å få vite hvordan du har fikset det slik at du ikke har sidemeny, og at innleggene din blir slik som du har det nå?

emilie :-)

23.11.2009 kl.20:29

sv; det stemmer det! men når jeg tar vekk sidemenyen så blir det et stort mellomrom hvor sidemenyen brukte å stå ?

Helse og Skjønnhet

28.11.2009 kl.16:46

Hvordan får du sånn "snøfnugg"?

benitav

03.12.2009 kl.21:36

jeg får ikke mellomrommet fra sidemenyen min og wrappern til og funkee :( hjelp meg

PERNILLE MERETHE PHOTOGRAPHY

19.12.2009 kl.20:39

Når jeg skal lage mellomrom mellom sidemeny og selve bloggen så blir bloggen min helt rar. Navnet på bloggen kommerpå headeren, og overskriftene blir lilla.

Hva skal jeg gjøre? :)

monika

01.02.2010 kl.17:05

det mellomrommet går ikke het opp til toppen og ikke helt ned til bunnen??:/ plis svar!

♥Heidi

01.02.2010 kl.18:25

monika: Er ikke sikker på hva du mener.;o Legg igjen bloggadressa di! :D Eller forklar litt mer.:)

Marie

05.02.2010 kl.12:00

Fikk ikkt til denne koden, jeg, enda den virket så enkel:

BAKGRUNN PÅ OVERSKRIFTENE I INNLEGGENE DINE

h2 { background-color: #000000}

HVORDAN: Legg til nederst i stilsettet ditt.

Lyst å svare på min blogg? :S Ikke for å få en ekstra kommentar, bare så jeg finner det, for å si det sånn :-]

Christine

07.02.2010 kl.20:30

enitsirhc.blogg.no

Nina Amdal

21.02.2010 kl.00:03

hei, jeg lurte på en ting:

vet du åssen man kan få mellomrom mellom innleggene? så de ikke sitter sammen liksom? :)

Søt blogg! Takk for all hjelp :D

maria thorsen roaldsøy ♥

20.04.2010 kl.15:55

tusentakk! ü

Wizards

15.07.2010 kl.21:48

Tusen takk :)

Men hvordan får du sånne runde kanter på bloggen din? Sånne kanter du har på dette innlegget og sidemenyen. Jeg har sett mange blogger som har det, og prøvd å google det for å finne ut hvordan man får det, men ikke funnet det ut...

Anna Cecilia

30.07.2010 kl.17:20

Hei! :)

jeg fikk ikke til å få mellomrom mellom bloggen og sidemenyen? kunne du hjulpet meg.?

Maria

07.11.2010 kl.22:07

jeg fikk ikke til den der "mellomrom mellom blogg og sidemeny"alt ble bare

fucka egentlig >:

Christina

11.07.2011 kl.20:40

Tusen takk! ;)

MmalinEelisabeth

04.01.2012 kl.15:21

tusen takk <3

Linn H.

02.03.2012 kl.14:22

Lurte på om du kunne hjelpe meg med noe ? :) Har klart å få sidemenyen helt nederst på bloggen, men vil gjerne ha den opp igjen. Hvordan gjør jeg dette ? tror det skjedde etter jeg midtstilte enten overskriften eller innleggene. Hvis du vil se, er bloggen : www.linnbh.blogg.no

cathrine

14.10.2013 kl.06:09

Tusentakk for hjelpen!

Liv

26.06.2014 kl.21:44

TUSEN TAKK! hjalp masse:)

Skriv en ny kommentar

MatbloggtoppenMatprat
hits