Come far apparire l'icona del vostro blog nella barra indirizzi del browser

Se provate a inserire un blog nei vostri preferiti, è possibile notare che, accanto all'indirizzo di una qualsiasi sua pagina, compare l'icona rappresentativa della piattaforma a cui appartiene.

Ad esempio, se vi collegate ad un blog creato su Blogger, potrete notare l'iconcina rappresentante una "B" bianca su sfondo arancione.

Per chi ama i tocchi di classe, sarà lieto di sapere che quell'iconcina è possibile sostituirla con un'altra delle stesse dimensioni.
Insomma possiamo inserire il logo del nostro blog o qualsiasi altra favicon che ci interessi. Ma ora vediamo come fare..
Per prima cosa, dovete creare la vostra icona, ricordando che può essere di dimensioni 16x16 o 32x32 (a volte 48x48, ma solo se in formato .ico). Per quanto riguarda i formati, sono ammessi i .png, .gif e .ico (attenzione: i .gif non sono supportati da tutti i browser!!).
Nel caso non sapete come crearne una, vi consiglio Favicon Generator.

Creata la favicon, dobbiamo inserirla: in generale, dovete cercare la sezione "head" nella struttura html del sito, nel caso specifico di blogger dovete trovare la seguente stringa:

<title><data:blog.pagetitle/></title>

e inserire subito dopo uno dei seguenti codici (a seconda se avete creato icone in formato .png , .gif o .ico):
<link rel="shortcut icon" href="indirizzo favicon" /> (nel caso di .ico)
<link rel="shortcut icon" href="indirizzo favicon" type="image/png"/> (nel caso di .png)

<link rel="shortcut icon" href="indirizzo favicon" type="image/gif"/> (nel caso di .gif)

Salvate le modifiche e avete fatto :)