Ytterligare ett inlägg som behöver uppdateras lite, och jag har även gjort en videoinstruktion som ni gärna får kolla på.

När det gäller länkarna på bloggen, så finns det lite olika typer av länkar man kan påverka och ändra.

Man kan ändra färger och även ta bort understrykning mm.

Dessa olika länkar finns:

1. Länkar i ett inlägg
2. Entrymeta, dvs länk för kommentarer, kategori, permalink och trackbacks.
3. Länkar i menyn
4. Länken i headern (bloggnamnet). Denna glömde jag nämna i videoinstruktionen.

I de flesta av stilmallarna som finns, så ändrar man dessa länkar på olika ställen.

1. Länkar i inlägg
Dessa ändrar man i koden som ser ut ungefär så här (andra färgkoder på olika stilmallar)

2. Entrymeta
Dessa länkar som finns i slutet på alla inlägg ändrar man i koden som heter entrymeta a:

3. Länkar i menyn
Länkarna i menyn ändrar man där det står nav a:

4. Länken i headern
Länken i headern som är själva bloggnamnet, det ändrar man där det står header a:

Nu vet du var man kan ändra sina länkar, tänk på att på vissa stilmallar så finns kanske inte alla dessa koder med, då brukar det vara så att bara första koden finns med, dvs det som styr länkarna i inläggen. Det innebär att den koden styr samtliga länkar på din blogg då.

Vad kan du ändra då?

Jo, du kan ändra färgen, genom att byta ut färgkoden mot en annan. För dig som inte har koll på vad färgkoden är, så är det den del som ser ut så här som exempel: #cc99cc;
Det du ändrar då är cc99cc mot något annat. Du hittar en färgkarta i menyn här på min sida.

Ta bort understrykningen
Om du vill ta bort understrykningen på dina länkar, så måste du lägga till en kodsnutt i stilmallen på dina länkar, t ex så här:

Före
a {
color: #A12573;
}

Efter
a {
color: #A12573; text-decoration: none;
}

Det jag har lagt till är alltså text-decoration: none;

OBS! Glöm inte semikolonet på slutet efter none.

Om du vill ändra utseendet på dina länkar när du håller muspekaren över dem, så är det i koden som heter a:hover

Om du skulle vilja ändra typsnittet, eller storleken på dina länkar, så kan du göra det genom att lägga till kod för det, t ex så här:

Före (vanlig standardutseende)
a {
color: #A12573;
}

Efter (annat typsnitt, större text och fetstil)
a {
color: #A12573;
font-family: verdana;
font-size: 20px;
font-weight: bold;
}

Tänk på att inte glömma semikolon efter varje sak du lägger till!

Nu tror jag att det här inlägget är bra mycket mer lättförståligt än det tidigare.
Om du vill göra det ännu mer lättförståligt, så kolla på videoinstruktionen med där jag visar varje steg. Den hittar du uppe till höger i början av detta inlägget.

Om Lari

Lari Salminen har skrivit 877 inlägg.

Grundare av Designa Din Blogg. Jobbar heltid som brandman på Medelpads Räddningstjänstförbund och driver den här sidan på fritiden som en hobby.