Bild som länk
Det finns två alternativ till hur man gör för att få en bild att bli en klickbar länk
Antingen kan man göra en bild till en länk i ett inlägg, eller så kanske man vill göra en klickbar bild som ligger i menyn, om man har en tävling på sin blogg t ex.
Jag ska visa hur man gör båda delarna
Vi börjar med om du ska lägga in en länkad bild i ett inlägg.
1. Ladda upp din bild på din blogg.
2. Gå sen in för att skriva ett nytt inlägg. Lägg in lite text, och när du sen vill ha din bild i inlägget, så klickar du på knappen för att lägga in en bild.
3. Välj bilden som du laddat upp i punkt 1, och klicka sen på knappen Full storlek
4. Markera nu din bild, och klicka sen på Infoga/redigera länk.
5. Fyll i adressen som du vill länka till, och om du vill att sidan skall öppnas i ett nytt fönster eller i samma. Klicka sen på infoga.
6. Spara och publicera, så ska du se att allt är klart.
Om man nu vill lägga in en länkad bild i menyn, så måste man göra på ett annat sätt:
1. Ladda upp din bild på bloggen.
2. Högerklicka på miniatyrbilden du får fram, och välj öppna länk i ny flik (FF), eller öppna i ny flik (IE).
3. Då får du fram hela bilden i en ny flik, låt den fliken vara kvar, för adressen till bilden ska vi använda senare.
4. Gå nu in i dina kodmallar.
5. Nu ska du lägga in koden för själva länken och bilden. Kopiera koden som finns i rutan nedanför:
Var du ska lägga in den beror helt på var du vill ha den, men om det är i menyn, så ska du lägga in den under <div id=”side”>
6. Nu ska du lägga in själva länken, dvs adressen till din sida du länkar till, det gör du där det står adressen till sidan och sedan så skall du lägga in adressen till bilden som du laddade upp på din blogg innan, den som ligger öppen i en ny flik. Lägg in den adressen där det står adressen till bilden.
Sen är det bara att spara din kodmall och se om det hela funkar eller inte.
Om detta var komplicerat finns ytterligare ett enklare alternativ:
1. Börja med att skriva ett nytt inlägg.
2. Markera sedan den text eller bild du vill ska vara en länk.
3. Klicka sen på ikonen som ser ut som en kedja.
4. Nu får du upp en liten ruta, där ska du fylla i adressen till sidan du länkar till, sen så väljer du om du vill att länken skall öppnas i ett nytt fönster eller i samma fönster som din blogg.
5. Sedan är det bara att klicka på skapa, så har du skapat din länk.1
1.http://www.webdesignskolan.se/css/css.htm#pseudoclass 20110227
