Egen ikon till blogg/hemsida

I denna nya fräscha kategori kommer jag att samla lite bra-att-ha tutorials för mindre hemsidor och bloggar. Vi börjar med ett sätt som gör hemsidan lite extra snygg och något som framförallt väldigt många glömmer. En egen ikon på din blogg eller din hemsida! Det är superenkelt att göra och tar väldigt lite tid.

Del 1

Börja med att göra den bild som du vill ha. Bilden ska vara 16 x 16 pixlar stor. Om du vill slippa en vit ruta runt om din ikon välj att ha inte ha något bakgrundslager, precis såhär:

Spara bilden som png.

Ladda upp bilden på tinypic eller där du brukar ladda upp dina bilder. Vart spelar inte någon större roll. Kopiera bildens url. Följande kodrad ska klistras in i kodmallen/HTML-dokumentet direkt under <head>.

<link href=”bildens url” rel=”shortcut icon”>
(byt ut ”bildens url” till din bilds url)

Precis såhär;
Glöm inte att göra det på varje kodmall/HTML-dokument så det visas på alla sidor.

Del 2

Spara sedan och kolla om det fungerar. Det borde se ut någonting såhär!

Del3

Före & Efter

Kommentera

Din e-post kommer inte att visas. Obligatoriska fält är markerade *

Denna webbplats använder Akismet för att minska skräppost. Lär dig hur din kommentardata bearbetas.