Vastaus Iinalle: Favicon Bloggeriin

Iina kysyi:

Minulla olisi tällainen pikku kysymys... Olen muuttamassa blogiani bloggeriin, mutta yhtä asiaa en ole kerta kaikkiaan käsittänyt. Kun blogi avautuu, osoiterivin eteen tulee Bloggerin logo B. Tiedän että B:n voi muuttaa haluamakseen kuvaksi, mutta en kerta kaikkiaan keksi miten... Voisitkohan auttaa?

Tuo pikkukuva osoiterivin päässä on nimeltään favicon. Käytän tässä postauksessa pohjana Freshblogin ohjeistusta. Sen voi lukea myös suoraan täältä. Faviconin lisääminen on hyvin yksinkertaista, ainoa ongelma on vain sen hostaaminen.

1. Luo itsellesi favicon. Wikipediasta voi lukea millainen oikeaoppinen favicon pitäisi olla, mutta yksinkertaisinta on tehdä ensin kuvankäsittelyohjelmalla sopiva kuva ja käyttää sen jälkeen Favicon Generaattoria. Näet helposti esikatselusta onko faviconisi hyvännäköinen ja sopivankokoinen, eikä resoluutiosta tarvitse välittää pätkääkään, sillä generaattori pitää siitäkin huolen.

Ohjeet Favicon Generaattoriin: Valitse kuva koneeltasi, valitse sopiva resoluutio ja paina "Generate Favicon". Jos favicon on sopiva, lataa (Download favicon.ico) se itsellesi (tallenna levylle).

2. Tallenna faviconisi nettiin. Monet netissä olevat tallennuspalvelut eivät suostu tallentamaan .icoja. Tallentaminen onnistuu (hankalasti) esimerkiksi Freewebsin avulla. Lisää paikkoja löydät täältä. Favicon ei normaalisti näy netissä muualla kuin siellä, missä sen kuulukin näkyä, siis osoiterivissä/kirjanmerkeissä/välilehdissä tms. Älä siis huolestu vaikka et saakaan favicon.ico tiedostoa avautumaan selaimessa.

3. Mene tilaan, jossa voit käsitellä blogisi lähdekoodia (Edit HTML). Lisää allaoleva koodi heti head-tagin alapuolelle.

<link rel="shortcut icon" href="URL of your icon file">
Lisää "URL of your icon file" tilalle oman faviconisi osoite. Esikatsele, mutta huomioithan, että kaikki selaimet eivät faviconeja tue. Mikäli favicon toimii, tallenna muutokset.