Bloggens rubrik

Det finns två sätt att göra det här på. Med bloggens rubrik menas den rubrik som syns i själva webbläsarens fönster och blir också rubriken när din sida sparas i olika RSS-läsare som BlogLovin' och om folk sparar din sida i sina favoriter.

1. GENOM BLOGG.SE
Gå till inställningarna för din blogg. Där hittar du ett fält där du kan skriva in din bloggrubrik. Skriv in den där.

2. GENOM KODMALL
Gå till dina kodmallar och ersätt <title>${BlogTitle} - ${BlogDescription}</title> mot <title>DIN BLOGGRUBRIK</title> och ersätt DIN BLOGGRUBRIK mot den rubriken du vill ha!

Om det är så att du kör på alternativ 2 så måste du ändra det i alla kodmallar inte bara i front page. Därför kan det vara bra att köra på alternativ 1 så sker det automatiskt istället.

Headerns rubrik

h1 {
font-family: TECKENSNITT;
color:#FÄRG;
font-size: STORLEKXXpx;
margin-top:MARGINXXpx;
padding: 0px;
vertical-align: top;
}


1. Ersätt h1 {} med koden ovan i din stilmall
2. Välj teckensnitt som du vill ha och ersätt TECKENSNITT med det
3. Se till att du har en webbfärg att använda till texten
4. Ersätt #FÄRG med webbfärgen
5. Ersätt STORLEKXX som finns i koden mot storleken du vill ha på din text (pixlar)
6. Marginal: Ersätt MARGINXX med det avståndet du vill ha från toppen av sidan (pixlar)
7. Utfyllnad: Låt padding vara 0px. om du vill öka avståndet från vänster lägg istället till margin-left:AVSTÅNDXX; i koden ovan och ersätt AVSTÅNDXX mot avståndet du vill ha (pixlar)

Inläggens rubriker

h3 {
font-family: TECKENSNITT;
color:#FÄRG;
font-size: STORLEKXXpx;
background:#BAKGRUND;
padding: PADDINGXXpx;
border: XXpx KANTLINJE #FÄRG;
height: STORLEKXXpx;
vertical-align: top;
}


1. Ersätt h3 {} med koden ovan i din stilmall
2. Välj teckensnitt som du vill ha och ersätt TECKENSNITT med det
3. Se till att du har en webbfärg att använda till texten
4. Ersätt #FÄRG med webbfärgen
5. Ersätt de två STORLEKXX som finns i koden mot storleken du vill ha på din text (pixlar)
6. Se till att du har en webbfärg att använda till bakgrunden
7. Ersätt #BAKGRUND med webbfärgen
8. Utfyllnad: ersätt PADDINGXX mot utfyllnaden du vill ha i rubriken (pixlar)
9. Kantlinjer: ersätt XX KANTLINJE #FÄRG mot tjockleken på
kantlinjen du vill ha (pixlar), stilen på kantlinjen (solid, dashed, dotted etc.)
samt färgen på kantlinjen (webbfärg)

Sidspaltens rubriker

.navheader {
font-family: TECKENSNITT;
color:#FÄRG;
font-size: STORLEKpx;
background:#BAKGRUND;
padding: PADDINGXXpx;
border: XXpx KANTLINJE #FÄRG;
margin-bottom:3px;
}

1. Ersätt .navheader {} med koden ovan i din stilmall
2. Välj teckensnitt som du vill ha och ersätt TECKENSNITT med det
3. Se till att du har en webbfärg att använda till texten
4. Ersätt #FÄRG med webbfärgen
5. Ersätt STORLEKXX mot storleken du vill ha på din text (pixlar)
6. Se till att du har en webbfärg att använda till bakgrunden
7. Ersätt #BAKGRUND med webbfärgen
8. Utfyllnad: ersätt PADDINGXX mot utfyllnaden du vill ha i rubriken (pixlar)
9. Kantlinjer: ersätt XX KANTLINJE #FÄRG mot tjockleken på
kantlinjen du vill ha (pixlar), stilen på kantlinjen (solid, dashed, dotted etc.) samt färgen på kantlinjen (webbfärg)
10. Låt margin-bottom:3px; stå. Det är ett lagom avstånd mellan rubrik och sidspaltsinnehållet!

Kommentarernas rubriker

.commentheader {
font-family: TECKENSNITT;
color:#FÄRG;
font-size: XXSTORLEKpx;
background:#BAKGRUND;
padding: PADDINGXXpx;
border: XXpx KANTLINJE #FÄRG;
}

1. Ersätt .commentheader {} med koden ovan i din stilmall
2. Välj teckensnitt som du vill ha och ersätt TECKENSNITT med det
3. Se till att du har en webbfärg att använda till texten
4. Ersätt #FÄRG med webbfärgen
5. Ersätt STORLEKXX mot storleken du vill ha på din text (pixlar)
6. Se till att du har en webbfärg att använda till bakgrunden
7. Ersätt #BAKGRUND med webbfärgen
8. Utfyllnad: ersätt PADDINGXX mot utfyllnaden du vill ha i rubriken (pixlar)
9. Kantlinjer: ersätt XX KANTLINJE #FÄRG mot tjockleken på
kantlinjen du vill ha (pixlar), stilen på kantlinjen (solid, dashed, dotted etc.)
samt färgen på kantlinjen (webbfärg)