Blogg

Om du vill länka en bild så gör du såhär:

Du lägger först upp en bild på din blogg, klickar på den och kopierar adressen i adressfältet. (Se hur man gör här)

Sedan går du in i din kodmall och letar upp vart du vill lägga in din bild (beskrivning utav kodmallen hittar du här).

Denna koden är den du ska lägga in i kodmallen:
<a href="adressen till sidan"><img src="adressen till bilden" border="0"></a>

I "adressen till sidan" lägger du in den länk som din sida har.
I "adressen till bilden" lägger du in den kopierade länken från din bild.

Ex:
<a href="http://www.emiliasvenssons.blogg.se/"><img src="https://cdn2.cdnme.se/cdn/7-2/1680342/images/2010/lnkar_71836382.jpg"></a>

När jag lägger upp denna kod i kodmallen så kommer den bilden att länka till min blogg.

I kodmallen bestämmer du vart en länk ska ligga. De flesta länkarna (se vilka de är här) är redan utlagda men skulle du vilja lägga in en egen länk i t.ex din meny så gör du såhär:

Du letar upp <side> i din kodmall. Det är början på din meny. (men du måste välja helt själv vart du lägger in den, det är svårt för mig att säga exakt vart)

Detta är själva länken som du ska lägga in under <side>:

<a href="adressen till din sida">Texten som beskriver länkningen</a>

Jag vissar i ett exempel:
<a href="http://www.hm.se/>H&M</a> <----- Nu är texten H&M (som skulle synas i din meny om du la in denna kodmallen) länkad så att man kommer till H&M genom att klicka på "H&M".

Det finna olika typer utav länkar i bloggen. I stilmallen sätter du "utseendet" på dina länkar. Bilden för klarar vart de finns:



1. Länkar i ett inlägg
2. Länkar i entrymenta, dvs. permalink, kommentarer, kategori och trackbacks
3. Länkar i menyn
4. Länkar i headern (bloggnamnet)


1. Länkar i inlägg
Såhär ser den länken ut i stilmallen

a {
color: #C9C9C9; } <--------Här ändrar du färgen på själva ordet som är länkat (på bilden är det ljusgrått)
a:hover {color: #000000 } <-- Här ändrar du hur texten på länken ser ut när du håller över muspekaren



2. Länkar i entrymenta
Såhär ser den länken ut i stilmallen

/** 'Posted by' txt **/
.entrymeta {
font-family: verdana, arial, sans-serif;  <------------ Här ändrar du Textsnittet
font-size: 10px; <---------------- Här ändrar du Storleken
font-weight: normal; <---Här ändrar du om du vill ha normal, fet eller kursivtext ( Bold=Fet Italic=Kursiv)
color: #666;
text-align:right;<--- Här ändrar du vars texten ska ligga (Right=Höger, Left=Vänster, Center=Centrerat)
}

.entrymeta a { color: #E04201; } <------------Här ändrar du fägen på ordet som är länkat
.entrymeta a:hover { color: #80FF9F; } <---- Här ändrar du färgen på länkningen när du håller över musen


3. Länkar i menyn
Såhär ser den länken ut i stilmallen

.nav {
font-family: verdana, arial, sans-serif; <------------ Textsnitt
font-size: 11px; <----------- Text Storlek
font-weight: bold; <------------ Om du vill ha normal, fet eller kursiv text (bold=fet, italic=kursiv)
}

.nav ul {
padding: 0px 0px 6px;
font-weight: normal;
margin: 0px;
}
.nav li {
list-style: none;
padding: 0px 0px 2px;
font-weight: normal;
margin: 0px;
}
.nav a { color: #000000;text-decoration:none;} <------------- Text Färg på det länkade ordet
.nav a:hover { color: #c90000;text-decoration:underline;} <----------------- Text Färg när du håller över muspekaren


Såhär ser länken ut i stilmallen

#header a {
color: #000;
text-decoration: none;
font family; arial, verdana; <----------- Här är textsnittet
font-size: 10px; <--------------Storleken på texten
font-weight: normal; <---------- normal, fet eller kursiv text (bold=fet, italic=kursiv)
}

---

Om du inte vill ha den länkade texten understryken så lägger du till text-decoration: none; efter den angivna färgen:

Före
a {
color: #A12573;
}

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

---

Om du vill ha en bakgrunt på Hovern (Då man har muspekaren på Länken, som bilden längst upp) då ska du lägga till:

Background: #?????? ; efter Color; #80FF9F Så det ser ut på detta viset:

.entrymeta a:hover { color: #80FF9F; Background: #?????? ; }