Inserire in Blogger una favicon con testo scorrevole visibile con tutti i browser escluso IE.

In un articolo precedente ho parlato di come creare una favicon animata. Adesso facciamo qualcosa di ancora più originale inserendo una scritta scorrevole. Tutto questo può sembrare solo un gioco senza nessun beneficio pratico, invece non è così per almeno tre buoni motivi

• La cura dei dettagli fa pensare al visitatore occasionale che il nostro sia un blog di alto livello.
• Tutte queste features accrescono la curiosità che è propedeutica all'interesse
• Invece di avere una B bianca su sfondo arancione, come tutti gli utenti di Blogger, avere qualcosa di diverso ed originale ti fa riconoscere immediatamente in mezzo agli altri se qualcuno mette il tuo sito tra i Segnalibri.

La cosa negativa di questa personalizzazione è che è visibile solo in Firefox ma anche su Explorer dovrebbe comunque sparire la B di Blogger sostituita da un'immagine meno anonima.

Per prima cosa ho creato un'immagine logo con Photoshop di dimensioni 80x80. Siccome sono pigro ho solo messo un carattere di testo

Sicuramente avrete più fantasia di me!. Quindi sono andato sul sito Animated Favicon. Questo sito offre la possibilità di creare delle favicon con testo scorrevole. Il problema è che il procedimento descritto non funziona in Blogger. Dopo un paio di tentativi ho capito come occorre procedere.
Cliccare su Sfoglia per scegliere l'immagine del vostro logo ed inserire la scritta che volete compaia nella favicon. Infine premere su Create Favicon e su Get it Now quando è terminato il processo

La nostra realizzazione sarà scaricata sotto forma di un file in formato ZIP che dovrà essere scompattato con il programma Zip Genius o analogo che può essere scaricato gratuitamente. Per farlo cliccare sul destro del mouse quindi Zip Genius>Estrai qui

Compariranno 6 file ma quello che dovete considerare è animated_favicon.gif. Li altri li potete anche cancellare. Adesso rinominatelo come favicon animata.ico. Il computer vi avvertirà che il file potrebbe non essere più aperto, procedete comunque.
Adesso caricatela in un hosting come Google Page Creator o SkyDrive e acquisitene l'indirizzo con il tasto destro del mouse



Andate adesso In Personalizza>Layout>Modifica HTML
e cercate nel modello il tag </head>, quindi immediatamente sopra incollate il seguente codice
<link href='indirizzo-favicon' rel='shortcut icon'/>
<link href='indirizzo-favicon' rel='icon'/>
Dove al posto di indirizzo-favicon va messo l'indirizzo acquisito precedentemente. Nel sito si fa presente che questa favicon dovrebbe essere visibile con tutti i browser. Ho qualche dubbio, comunque coloro che non la visualizzassero ecco cosa vedrebbero se avessero Firefox.
Aggiornamento: Per vedere la favicon anche con Google Chrome seguite le istruzioni del post

• Visualizzare la favicon di un blog su Blogger anche con Chrome -

---