Bloggdesign - Få in en egen header på bloggen :)

Okej, de flesta som har blogg kan säkert det här, men tänkte förklara det på ett enkelt sätt.

1. Gör bilden du vill ha som header (Jag rekommenderar photoshop, men det går att göra headers i andra program)

2.  Gå in i din stilmall och leta upp kodavsnittet som heter #header eller div#header (det är olika för olika teman du har)

3. Ladda upp bilden som du har gjort som header på din blogg och kopiera bild-adressen.

Vet du inte hur du kopierar bildadressen? Gå då in på designadinblogg.se

4. Gå in i din stilmall igen, och leta upp kodavsnittet #header eller div#header. Se om det finns en kodrad som heter background. Om den finns, så ska du ersätta den med koden nedan. Om den inte finns, så ska du klistra in nedanstående kod.

background: url(adressen till din bild) no-repeat center center;

Där det står (adressen till din bild) ska du klistra in din bild som du ska ha som header adress.

5. Nu ska du ändra hur hög och bred din header ska vara.
Det ändrar du i kodavsnittet #header på Width och height.
Mitt kodsnitt med header ser ut såhär:


#header {
background: url(HEEEEEEEEEEEEMLIGT :D) no-repeat left center;
padding-left: 30px;
padding-bottom:15px;
padding-top:30px;
margin: 0px 0px 5px;
width: 800px;
height: 400px;

border: 1px solid #906c6c
}

Fetmarkerat är då width och height, alltså har jag 800 px bred header, och 400 px hög.

Border står för om du vill ha en ram runt. Jag har en px solid(solid betyder hel, man kan ha dotted osv också)

#906c6c står fär vilken färg jag har. #000000 = svart och #ffffff =vit, sen finns det en massa olika färger emellan som du kan se på en färgpalett.

______________________________________________________________________________

Om det är nåt ni inte förstår, eller om ni har något önskemål på vad för tips jag ska lägga ut, så skriv det i en kommentar :D



Kommentarer
Postat av: S A R A

Hej! Har fototävling på gång just nu, så anmäl dej gärna =)

http://onlyssara.blogg.se/2010/march/fototavling.html#comment

2010-03-18 @ 18:28:42
URL: http://onlyssara.blogg.se/
Postat av: EElin

Hejsan!

Jag har en liten fråga jag blir jättetacksam om jag får svar på!

Frågan lyder:

Hur får man reda på bild "adressen", jag och min låssas pappa försöker fixa en header, men vi förstår inte alls hur man får reda på "bildadressen". Vet du hur jag menar?

Snälla svara! Har kämpat i år!

Kramkram..

2010-04-03 @ 15:19:32
URL: http://misswonk.blogg.se/
Postat av: Sofie

hej! fixar du andras header? Jag vill ha en men fattar verkligen ingenting!

2010-05-12 @ 20:42:19
URL: http://sofiealvesved.blogg.se/
Postat av: Josefin

TACK, du hjälpte mig verkligen skit mycket. Har letat runt skit länge efter en förklaring om man hade inte hade #header...!

2010-06-20 @ 01:11:49
Postat av: Isabell

TAAACK!

2010-10-10 @ 23:48:43
URL: http://ichbell.blogg.se/
Postat av: rullkalsång.

hur får man sin header över själva bloggen?

2011-01-21 @ 15:22:52
URL: http://www.hej.se
Postat av: Hannaa

Vilket tema använder du för min blir jätte liten :(

2011-07-11 @ 19:31:28
URL: http://hannaaljungberg.blogg.se/
Postat av: olivia

kan man göra headers online och sen ladda upp de eller måste man göra de på photshop,paint,gimp eller nåt?

2011-07-14 @ 11:03:04
Postat av: Isabella Torle

Jag har ingen aning om man kan göra headers online, men det är mycket möjligt, sök runt lite på google!

2011-07-14 @ 12:53:12
URL: http://isabellatorle.blogg.se/
Postat av: Väldigt tacksam!

Du förstår inte hur tacksam jag är. Jag har kollat på videos och massa med bloggar men jag fattade typ ingenting och sen hittat jag din blogg...... du är en ängel!

Jag har försök att ordna headern i flera timmar men sen när jag hittar din blogg tar det bara 15 minuter.

2012-01-29 @ 20:20:33
Postat av: Väldigt tacksam!

Du förstår inte hur tacksam jag är. Jag har kollat på videos och massa med bloggar men jag fattade typ ingenting och sen hittat jag din blogg...... du är en ängel!

Jag har försök att ordna headern i flera timmar men sen när jag hittar din blogg tar det bara 15 minuter.

2012-01-29 @ 20:20:34
Postat av: Anonym

Tack för hjälpern!

2012-02-03 @ 10:46:39
URL: http://studentlivet.blogg.se/
Postat av: natta

hej! min header blir helt vit, vet inte hur jag ska få min bild att synas som header..

2012-02-08 @ 00:28:04
URL: http://cupcakebunny.blogg.se/
Postat av: Nova

Grym design du har på din blogg. Har du gjort den själv? Skitsnyggt i alla fall!

2012-09-10 @ 12:42:39
URL: http://allaprivatlan.se

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback