Inserire una favicon personalizzata in blogger.

Innanzitutto cosa è la favicon e perché personalizzarla? La favicon è quella piccola immagine che vedete a sinistra dell'indirizzo della pagina web. Tutti i blog che si basano su blogger hanno una B bianca su sfondo arancio. Se uno mette una immagine diversa sarà più facilmente riconoscibile e, in ogni caso, è segno di distinzione.
Per prima cosa dobbiamo crearla andando su questo sito. Ce ne sono molti altri, per un elenco guarda qui. Per crearla dobbiamo avere un'immagine perfettamente quadrata (p.e. 100x100 pixel) e seguire i tre primi passi del sito. La vostra favicon adesso è stata salvata nel vostro computer sotto forma di un file ico. Può essere aperta con "Raccolta foto di Windows" o con "Nero PhotoSnap Viewer" ed ha una dimensione di 16x16 pixel.
Adesso dobbiamo caricarla in un sito a parte visto che Blogger non permette di caricare i file ico. Per far questo potete usare Altervista esattamente come ho spiegato in questo post. Riporto qui di seguito i passi da fare:
Per crearsi uno spazio su Altervista accedere al sito quindi a Crea tuo sito. In questa sezione dovrete riempire un modulo in cui è presente anche il nome del sito che sceglierete; io ho scelto http://parsifal32.altervista.com ma poi potete utilizzarlo anche come magazzino di file come vedremo. Il campo della e-mail è fondamentale perché per attivare il sito dovete cliccare sul collegamento che vi verrà inviato. Completata l'attivazione effettuate il login con la password che vi è stata comunicata in alto a destra della pagina. Appena entrati cliccate su Altersito, quindi su Gestione Files, è il secondo da sinistra dopo News. Nella schermata successiva cliccate su Invia Files e scegliete Sfoglia per selezionare il file dalle risorse del vostro PC (in questo caso il file ico, appena creato). Aspettate la fine dell'upload; appena sarà ritornata la schermata precedente cercate il file caricato, cliccate col pulsante destro del mouse e copiatene il link.

Adesso andate sul vostro blog, entrate e andate su Layout quindi su Modifica Html quindi mettete un segno di spunta su espandi modelli widget. Adesso cercate il tag</head>

Immediatamente sopra di questo codice inserite quest'altro

<link href='http://parsifal32.altervista.org/favicon.ico' rel='shortcut icon'/>
<link href='http://parsifal32.altervista.org/favicon.ico' rel='icon'/>

Naturalmente al posto di http://parsifal32.altervista.org/favicon.ico mettete l'indirizzo della vostra favicon in entrambe le righe altrimenti vi verrà il giglio di Firenze come a me!
Purtroppo la favicon mi sono accorto che viene visualizzata solo con Firefox.

---