För att ändra så man får en större bokstav i rubriken gör man detta i kodmallen.

1. Bläddra ner till Arkiv, denna koden: 
<div>Arkiv</div>

2. Ändra så det ser ut så här:
<div><font size="+3">A</font>RKIV</div>

På font size +3 ändrar man storleken

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!

Steg för steg visar jag i videon hur man gör en bård som man kanske vill ha högst upp på sin blogg som bakgrund

Hur man laddar ner penslar till photoshop klicka här.

När du skapat själva bilden laddar man upp bilden i bloggen, kopiera länken från bilden och klistrat in i stilmallen.

Ta bort det som står på background och kopiera in denna koden:

background-image:url(LÄNK FRÅN BILD);
background-color:#eed7d1;
background-repeat: repeat-x; 
background-attachment: absolute;
}

Ändra bakgrundens färg på hela bloggen på background-color...

 

Skapa en undersökning på din blogg, hitta en sida som man lätt kan skriva in, ändra hur själva rutan ska se, ändra färg på text och bakgrund. När du är klar kopierar du koden du får som passar till just din sida.

Klistra in koden i kodmallen i menyn där du vill ha den.

www.acepolls.com

Gjorde en kort film hur man skapar en rund kant endast längst ner i menyn, detta funkar om man har en enfärgad bakgrund.

När man skapat själva bilden laddar man upp den på sin blogg och kopierar länken till bilden och lägger in i kodmallen, bläddra ner till side och lägg in koden längst ner i menyn.

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

Nu ska jag visa hur man lätt kan ändra menyn så den ser ut så här, se bild nedan:
Det är mycket lätt, enda man behöver är photoshop, (detta funkar om man har en enfärgad bakgrund)
Istället för att skriva och förklara hur man gör, har jag gjort ett videoinlägg där jag visar steg för steg.

I slutet av videon går det lite snabbt, men man gör precis som innan i videon och klistrar in länken från bilden i kodmallen, exempel efter arkiv.

Viktigt också att man ändrar padding i stilmallen på #side {
Ändra till 0px; eller ta bort padding helt.

Kort beskrivning:

1. Print screena din blogg och lägg in i photoshop, finns en knapp på datorn, (prt sc)
2. Beskär sedan ut en bit av menyn, lika bred, viktigt man inte zomar in eller ut när man gör detta.
3. Gör hela bakgrunden enfärgad, samma som din bloggs bakgrund
4. Gör sedan själva bilden, gör en vit "båge" och beskär ut och spara.
5. Ladda upp på din blogg och klistra in i kodmallen där du vill ha den, exempel över Arkiv
6. Gör nu en till bild detta ser man i videoinlägget hur man gör, bara att "vända på den" och spara.
7. Gör samma sak och ladda upp och lägg in den, exempel under Arkiv 

 Glöm inte att lägga till "> i slutet och <img src=" i början exempel: <img src="LÄNK FRÅN BILD">

Har ni frågor är det bara att skriva.