Nu var det en tjej som undrade hur man lägger in sin header när man bygger sin blogg på detta sättet jag har förklarat i detta inlägget: "Hur man bygger sin blogg" 

För att göra detta behöver du koderna i det första inlägget "Hur man bygger sin blogg" prova på en testblogg (underblogg)

För att lägga in en egen header är inte alls svårt.

(headern är den bild som är högst upp på bloggen som visar det första intrycket av vad din blogg innehåller, med exempel bild och text.)

---

1. När man skapat sin header laddar man upp den på sin blogg, och kopierar länken till bilden.
 

---

2. Klicka på kodmallen, kopiera denna koden: (OBS LÄGG IN KODEN PÅ ALLA SIDOR, INLÄGGSSIDAN ETC)

 <div id="side1">

<img src="LÄNK FRÅN BILD HÄR">

</div>

---

3. Lägg in koden under </head>

Nu skrev jag in "side1" det är siffran på varje "side" som visar vilken som är vilken när man ska exempel flytta headern, allt detta gör man i stilmallen.
 

---

4. Klicka på stilmallen, kopiera denna koden:

#side1 {
position: absolute;
left: 100px;
top: 10px;
width: 538px;
display: inline;
background:#ffffff;
border: 1px solid #cccccc;
}

---

5. Lägg in under denna koden:

#side {
position: absolute;
left: 40px;
top: 40px;
width: 180px;
display: inline;
background:#ffffff;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
border: 1px solid #cccccc;
}

(Lägg in koden här)

---

6. För att flytta headern mer åt höger eller vänster gör man det på left:40px;
    Öka 40 med exempel 100px; så flyttas den mer åt höger.
    Minska 40 med exempel 20px; så flyttas den mer åt höger.
    Samma sak för att flytta upp eller ner gör man på top:40px;

Nu var detta bara exempel men det är bara att prova sej fram tills man är nöjd.

Vill man inte ha en kant runt om, tar bort denna koden: border: 1px solid #cccccc;

---

 7. Spara så ska det vara klart!