tiistai 30. joulukuuta 2008

Kuinka muutan favicon'in Bloggerissa

Selaimessa osoitteen edessä olevaa pientä kuvaketta sanotaan favicon’iksi.

image Oletuksena Bloggerissa käytetään oranssipohjaista B-kirjainta. Seuraavilla ohjeilla voit vaihtaa sen itse luoduksi kuvakkeeksi.
  1. Sinun pitää tehdä 16 x 16 pikselin kokoinen kuvake (.ico) tiedosto. Sen tekemiseen voit käyttää esim. IconEdit2 tai IrfanView -ohjelmia. Ikonin saat tehdyksi myös mistä tahansa 100 x 100 pikselin kokoisesta JPG-kuvasta käyttämällä linkistä aukeavaa favicongenerator webbipalvelua. Muista tallentaa valmis kuvake .ico-muotoon omalle koneellesi nimellä favicon.ico
  2. Seuraavaksi valmiskuvake pitää ladata, jollekin www-palvelimelle, josta Bloggeri pääsee siihen käsiksi. Suoraan Bloggeriinhan et voi ladata tiedostoja (ei tue ftp:tä). Kätevintä on käyttää Googlen sivustot-palvelua, jonne luot sivun, jolle lataat liite-tiedostoiksi Bloggeriin haluamasi muut kuin kuvatiedostot (esim. pdf, ico yms.).

    image
    image
  3. Seuraavaksi klikkaa hiiren kakksosnäppäimellä ladatun ikoni-tiedoston nimen päällä ja kopioi sen osoite leikepöydälle.

     
  4. Kirjaudu Blogisi hallintasivulle ja mene siellä ulkoasun muokkaukseen ja siellä html-välilehdelle. Etsi sieltä esim. käyttäen selaimen etsi-toimintoa koodin kohta </head> eli sivun otsikko tietojen lopetuskohta.

    image
  5. Tagin </head> yläpuolelle kirjoita seuraavat koodirivit:

    <link href='http://youraccount.googlepages.com/favicon.ico' rel='shortcut icon'/>
    <link href='http://youraccount.googlepages.com/favicon.ico' rel='icon'/>

    Korvaa http-osoite oman ikonitiedostosi polkunimellä, jonka voit liittää ao. kohtaan leikepöydältä. Joissain tapauksissa on hyvä lisätä koodiin mukaan ylläolevassa kuvassakin näkyvät tyyppi-määreet type='image/x-icon' ja type='image/png' .
  6. Tallenna blogisi malli. Kun nyt avaat uudelleen blogisi näkyviin pitäisi osoiterivin alussa näkyä oma favicon'isi. FireFox-selaimessa tämä tulee yleensä heti näkyviin. IE-selaimet vaativat väliaikaistiedostojen tyhjentämisen ja ehken myös sivun tallentamisen suosikkeihin ennenkuin ikoni tulee näkyviin. Joskus se tapahtuu vasta aikojen kuluessa.

 image

Linkkejä aiheeseen: