Helppoa.

Tee kotisivut tai verkkokauppa helposti itse - jopa kymmenessä minuutissa

Kokeile ilmaiseksi 2 viikon ajan

Kotisivukoulu

Viimeistele kotisivusi Fav iconilla

Maanantai 1.2.2010 - Tiina Rönnberg


Kotisivukoneen fav icon   
Olet varmasti huomannut, että monilla kotisivuilla on internet-selaimen osoiterivin alussa pieni ikoni, esimerkiksi yrityksen tai urheiluseuran logo. Kyseessä on pieni kuvatiedosto, favorites icon, joka lisätään tiettyyn kansioon kotisivuilla ja internet-selain osaa hakea sen automaattisesti osoiterivin alkuun. Tämä ei ole ehkä merkittävin osa kotisivujen laatimista, mutta pieni viimeistellyn kotisivun yksityiskohta kuitenkin.


Näin saat fav iconin käyttöösi Kotisivukoneessa
:

  1. Tee pieni 16x16 pikselin kokoinen kuva ja tallenna se png-, jpeg-, gif- tai bmp-muodossa tai suoraan ico-muotoon jos mahdollista. Png-, jpeg-, gif- tai bmp-kuvan voi konvertoida ico-muotoon netistä löytyvien konverttereiden avulla, esimerkiksi osoitteessa www.icoconverter.com.
  2. Avaa kotisivujen tiedostoselain ja lataa kuva tiedostoselaimen juurihakemistoon.
  3. Fav icon näkyy nyt sivujesi yhteydessä selaimen osoiterivillä sekä kirjanmerkeissä.

Avainsanat: vinkit, fav icon


Kommentit

7.3.2010 21:18  Jussi

1. Muuta .jpg ikonitiedostosi favicon.ico tiedostoksi Irfanview ohjelmalla
2. Siirrä tiedosto Kotisivukoneen tiedostoselaimella Tiedostot -hakemistoon
3. Mene Asetukset välilehdelle
4. Valitse Asetukset
5. Lisää kohtaan "Vapaat otsikkokentät
(HTML-muodossa sivujen head-osaan. Esim. meta-kentät)":
<link rel="shortcut icon" href="/files/wwwomatsivutnet.kotisivukone.com/tiedostot/favicon.ico" >
korvaa edellisestä lauseesta omatsivutnet omalla kotisivuosoitteella ilman pistettä.

4.3.2010 12:48  Kari

Ei toiminut konvertteri, eikä auttanut ohjelman lataaminen koska siinä ei ole ico-konvertointi mahdollisuutta.

4.3.2010 13:10  Johanna

Ei onnistunut. Mikä on "juurihakemisto"?
Kuva on tallennettuna tiedostoselaimessa.

4.3.2010 15:55  Riitta

Ei toimi meilläkään. Olen tätä jo aikanaan kysellyt, mutta en saanut silloin toimimaan enkä nytkään, kun lisäsin favicon.bmp nimisen 16 x 16 pikselin kokoisen tiedoston kansioon https://kotisivukone.fi/app/files/. Sen juurempaan en pääse.

6.4.2010 11:09  Johanna

Moi. Ei onnistu yo. ohjeen mukaisesti.

6.4.2010 11:26  Janne Kauppinen

Faviconiin ei tarvitse olla .ico eli kuvaa ei tarvitse konvertoida .ico-muotoon.
Tallenna favicon gif-muotoon

HUOM. koodissa täytyy olla favicon.gif sekä koodissa oleva kansiopolku täytyy olla oman sivuston urlin mukainen.

9.4.2010 12:20  Johanna

No vihdoin valaistui miksi ei onnistu. Favico näkyy kyllä kun osoitteeksi kirjoittaa oman osoitteen lisäkai kotisivukone.com. Mutta kuka sellaisen osoitteen tunnistaa? Asiakkaat päätyvät omille sivuillemme ilman kotisivukone.com osoita. Ilman kotisivukone.com osiota en saa faviconia näkyviin.
Onko tähän jotain kikka?

9.4.2010 17:34  Janne Kauppinen

Pitäis toimia tällä

9.4.2010 17:37  Janne Kauppinen

No jostain syystä sitä koodia nyt ei sitten tullut tuohon postiin joten laitan sen sulkumerkkien väliin...
()
tai jos favicon on .ico niin sitten
()

9.4.2010 17:41  Janne Kauppinen

No onhan tämä nyt kinkkinen kun ei näy...
link rel="shortcut icon" type="image/gif" href="/files/traveltray.kotisivukone.com/favicon.gif" /
tai jos favicon on .ico niin sitten korvaa tuo gif => ico
HUOM! Laita koodin alkuun -merkki. Piti poistaa kun ei näy muuten tässä blogikirjoituksessa.

9.4.2010 17:42  Janne Kauppinen

vielä korjausta edelliseen kun nuo hakasulut ei näy joten vielä kerran: Laita koodin alkuun ja loppuun hakasulut

12.4.2010 16:39  Janne Kauppinen

siis tuollaisen "väkäset" kuten < Jussin kommentissa. Ei siis hakasulut kuten kirjoitin...

17.4.2010 18:30  Johanna

Juu, ei onnistu.

5.11.2011 19:39  Pasi

Itse onnituin seuraavalla tavalla:
Hae tiedostoselaimesta kuvan favicon.gif osoite (löytyy alalaidasta kun klikkaa kerran kuvatiedostoa)
Esim: https://kotisivukone.fi/files/xxx.xxx.fi/favicon.gif
Muuta tämä linkki

seuraavanlaisesti

Eli korvaa xx.xxx.fi sillä tiedoston nimellä mikä löytyy yllä mainitun kuvatiedoston nimestä.
Tällä ohjeella sain joukkueen sivuille pikku logon

5.11.2011 19:57  Pasi

Uudestaan
Hae tiedostoselaimesta (oman sivun hallinnasta) kuvan favicon.gif osoite (löytyy alalaidasta kun klikkaa kerran kuvatiedostoa)
Esim: https://kotisivukone.fi/files/xxx.xxx.fi/favicon.gif
Muuta tämä linkki
link rel="shortcut icon" type="image/gif" href="/files/traveltray.kotisivukone.com/favicon.gif" /
seuraavanlaisesti
link rel="shortcut icon" type="image/gif" href="/files/xxx.xxxx.fi/favicon.gif"
Muista hakasulut (väkäset)
Eli korvaa xx.xxx.fi sillä tiedoston nimellä mikä löytyy yllä mainitun kuvatiedoston nimestä.
Tällä ohjeella sain joukkueen sivuille pikku logon


Kommentoi kirjoitusta


Nimi:*

Kotisivun osoite:

Sähköpostiosoite:

Lähetä tulevat kommentit sähköpostiini