söndag 6 december 2009

Tips för din blogg: Favicon



Efter att ha suttit och klurat lite på hur man kan anpassa sin blogg här på Blogger, så hittade jag ett litet men roligt tips: hur man byter ut sin favicon (ikonen högst upp bredvid adressen och som syns i din lista över bokmärken).

Det hela är ganska enkelt, och gör att du kan nischa din blogg lite mer och göra dig av med den tråkiga standardikonen.

Så här gör du:



  1. Skapa en bild med 16x16 pixlar i valfritt bildredigeringsprogram och spara som som .gif, .jpg eller .png.
  2. Ladda upp på http://www.favicon.cc där du även kan skapa en ikon från scratch, eller redigera din bild direkt i webläsaren. Jag skapade ikonen i Photoshop och använde samma inställningar som titelbilden på min blogg för att få en hög igenkänningsfaktor.
  3. Välj att publicera din ikon, vilket både gör den tillgänglig för andra användare men även att du kan länka till den från din blogg.
  4. Öppna html-koden i din blogg och leta upp ett textstycke som ser ut ungefär så här (ligger strax under head-taggen i början av html-koden):

   
    5.  Klistra in precis under ovanstående kodstycke med koden i rutan som Favicon ger dig:


 
    6.  Gör en förhandsgranskning av din blogg och kontrollera att din ikon syns högst upp bredvid
         adressfältet och i flikar om du använder det.
    7.  Funkar det sparar du ändringarna och voilá - din blogg har fått en egen favikon!

Tillägg: Jag gjorde en ändring i instruktionerna efter ett varnande finger från Bli Rik och Ekonomiskt Oberende. Jag tackar så mycket för det, nu ska det nog inte vara några problem :)

    3 kommentarer:

    bli Rik och Ekonomiskt Oberoende sa...

    NEJ!

    Du får absolut INTE ta bort den biten kod du tog bort.

    Det är ju den som sätter "titeln" på varje sida och som behövs för att sökmotoroptimeringen ska vara optimal.

    I detta läge så tar du bort precis alla titlar, på varje sida/blogginlägg, vilket INTE är bra.

    Tillbaka med den koden utan att ta bort koden du la till :)

    Herr K sa...

    Oj, är det så alltså? Tack för upplysningen i såfall måste jag säga, nu ser man skillnad mellan att kunna webprogrammering och att vara en glad amatör!

    Skall ändra tillbaka och lägga till detta i inlägget.

    Tack så mycket :)

    bli Rik och Ekonomiskt Oberoende sa...

    GREAT!

    nu ser det betydligt snyggare ut, med titlarna bevarade.

    Titeln, är en av de absolut mest avgörande inom SEO. En bra titel ska innehålla det sökord man vill att just detta inlägg ska optimeras för och sedan ska hela rubriken "locka till klick" när den syns i sökmotorerna. Ja, du vet. När någon söker i Google så är det titeln som syns som en länk i sökresultatet och meta-description (beskrivningen av sidan) under.

    Relaterade inlägg