Det är många som frågar hur man ändrar headbild och gör bloggen mer personlig när det gäller utseendet på bloggen. Här nedan kommer en liten beskrivning över det som jag mest får frågor om. Hoppas det är till någon hjälp. Är det något annat ni önskar ha hjälp med så är det bara att säga till, så ska jag se om jag kan hjälpa.

För att ändra i designen går du in under fliken design - stilmall.

Headbild

För att byta och sätta in en egen headbild ändrar du under #header. Här bestäms allt som har med headbilden, bilden längst upp på bloggen. Vill du byta bild sker det efter background: url(url-adressen) no repeat; För att bilden ska passa bra gäller det att du sparat den i rätt storlek när du skapat den i exempelvis Photoshop. För att se hur bred den max kan vara ser du under #wrapper, width/bredd anger där hur bred själv "bloggenpappret" är. Säg att du skapar en bild som är 200px hög, krävs det att du sätter höjden under #header till samma. Annars kommer inte hela bilden med. 

För att få in bilden krävs det att du först har lagt upp den på din blogg. När du gjort det högerklickar du på bilden, väljer egenskaper och kopierar bildadressen där. Det är urladressen du ska ange mellan parenteserna. Glöm inte att ta bort _tumbs om det står i adressen. 

Så här ser det exempelvis ut under #header hos mig.
#header {
background: url(https://cdn2.cdnme.se/cdn/6-2/100632/images/2007/head_copy_1168968499_13840034.jpg) no-repeat;
margin:0px;
height: 150px;
background-align: center;
}

Bakgrund

Bloggens bakgrund ändrar du under body {
Är inte bilden tillräckligt stor så den täcker hela bakgrunden kan du välja att inte skriva in no-repeat efter url-adressen. Bilder upprepar sig då, så den täcker hela fönstret. Vid upprepning kan det dock bli kanter mellan bilderna, ett tips är då att välja en bakgrund som passar sig för upprepning, där det inte syns att bakgrunden består av flera likadana bilder.

För att få upp bilden se beskrivning under headbild

Min body
body {
position: center;
background-image: url(http://gustafssonjenny.webblogg.se/images/bakgrund_1154793354.jpg)
}

Textsnitt, rubriker, färger m.m

De olika textformaten, färgerna och storlekarna ändras på olika ställen, beroende på vad det är för textformat som ska ändras.
Lite övergripande:
För att ändra färg skrivs color: Färgkoden;  Här finns det schema/koder över säkra webbfärger .
textstorlek, font-size: XXpx; (XX bytts ut mot storleken, vanlig textstorlek är 12)
teckensnitt, font-family: "teckensnittet"; några av de vanligaste är
"Times New Roman", Times, serif;
 Verdana, Arial, Helvetica, sans-serif;
Georgia, "Times New Roman", Times, serif;

Nu till var du ändrar vad.
h1 är rubriken som är uppe vid headbilden
h2 är headbildens underrubrik
h3 är rubriken för blogginläggen

a, är länkar
a:hover, är så länkarna ser ut när du för musen över länken.

blogginläggens text ändras under #content.

Vill du ändra utseendet på raden där det står när inlägget publicerades, kommentarfunktionen m.m görs det under /** Post's by text **/
entrymeta , .entrymeta a och .entrymeta a:hover är raden under blogginläggen som visar när inlägget gjordes, kommentarer m.m samt raden under varje kommentar, som här visar tid för kommentar och ev, url från den som skrev kommentaren.

Klicka in dig så du ser dina bloggkommentarer.
.commentheader är raden där det står vem det är som postat kommentaren 
.commenttext är kommentartexten


Jag hoppas detta är till lite hjälp.