Hej alla!
Nu är det äntligen helg igen.. och jag tänkte jag skulle slänga upp några nya tips.. och ska börja med att förklara hur man lägger upp en liten ikon innan adressen i browsern som jag har det.

bloggdesign designa din blogg blogghjälp favicon

För att kunna göra det här så måste du kunna ladda upp på en server, och det fungerar inte att ladda upp den typen av fil på blogg.se. Så, har du inte tillgång till en server där du kan ladda upp vilken typ av filer som helst, då behöver du inte bry dig om det här inlägget.

Ok, nu har vi fastställt att man måste ha en server iaf… så nu går vi vidare till hur man gör.

Gå in på den här sidan

Då kommer du till en sida som ser ut så här…

bloggdesign designa din blogg blogghjälp favicon

Klicka på bläddra och välj den bild som du vill ha som ikon. Tänk på att det inte kan vara en extremt detaljerad bild, utan ju enklare bild, desto bättre resultat.
När du valt din bild, så klickar du på generate favicon.ico då kommer sidan bearbeta din bild och göra en favicon till dig.

När sidan laddat klart ser det ut så här:

bloggdesign designa din blogg blogghjälp favicon

Nu kan du se hur det kommer se ut (första inringade området)…och om du är nöjd med resultatet, så klickar du på Download Favicon och då ska du bara spara ner den filen på din dator.

Filen som du sparar ner, är en zip-fil, vilket innebär att du måste ha ett uppackningsprogram typ winzip

Packa upp filen så att du har en fil som heter favicon.ico någonstans lokalt på din dator.
Den filen ska du nu ladda upp på den server som du har möjlighet att ladda upp filer på. Tänk på att du måste ha full koll på vad det är för adress till filerna som du laddar upp med.

När du har laddat upp filen på din server, så ska vi lägga in den bland koderna.

Gå in i kodmallar.

bloggdesign designa din blogg ändra namn på länkar

Nu ska du lägga in följande kod någonstans mellan <head> och </head>

<link rel="shortcut icon" href="http://www.dinwebadress.com/mapp/favicon.ico">

Det är viktigt att du har rätt adress till själva bilden, annars kommer det inte fungera.

Så här ser det ut i min kod:

bloggdesign designa din blogg blogghjälp favicon

Sen är det bara att spara det hela och kolla hur det ser ut på bloggen. Syns det inte direkt, så tryck på F5 för att uppdatera sidan.



Jag fick ett tips om en server man kan ladda upp sin ikon på, nämligen fuskbugg.se

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.