Risolvere il problema della favicon che non viene visualizzata su Internet Explorer

La Microsoft con Internet Explorer è un mondo a parte. Non sono un discepolo dell’accademismo degli standard come quelli del W3C: se fosse per loro, probabilmente Internet sarebbe indietro di 10 anni, visto che ancora stanno discutendo su come inserire correttamente un’animazione in flash in una pagina HTML (purtroppo i tecnici non capiranno mai le esigenze di mercato nè dei suoi consumatori). Nè sono un anti-Microsoft, visto che anche adesso per scrivere il post utilizzo un loro software.

Ma Internet Explorer è tutto un mondo a parte: ogni volta far funzionare un JavaScript, qualche riga CSS, o visualizzare bene questo blog è un dramma senza fine. Per favore, scaricate Chrome, Firefox, Safari ed eliminiamolo dalla rete.

Tempo fa avevo spiegato come cambiare la favicon del blog (l’icona che appare nel browser quando viene caricata la pagina o viene messa nei preferiti), e fin da subito tutti hanno avuto problemi a farla visualizzare con Internet Explorer (me compreso).

Ecco come venirne a capo.

Problema di formato

Ci sono tanti modi per ovviare al problema, ma io espongo il più semplice: cambiare il formato dell’immagine. Dopo aver creato la vostra icona (dimensioni 16x16 o 32x32) convertitela in formato ICO utilizzando un programma gratuito come IconShop (qui il link diretto per il download).

Dopo averlo installato, aprite l’icona dal vostro disco e convertitela da File –> Export as –> Icon... :

Inserire la favicon nel blog

Per inserire la favicon nel blog, andate in Layout->Modifica HTML, selezionate “Espandi i modelli widget” e cercate questa riga verso l’inizio:

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

Subito sotto, incollate

<link href='indirizzo immagine' rel='shortcut icon' type='image/x-icon'/>

Sostituendo indirizzo immagine con l’indirizzo dell’icona che avrete pubblicato in rete su servizi come Skydrive. Se avete già inserito il codice per visualizzare la favicon come spiegato nel precedente post, eliminatelo e sostituitelo con questo.

Se non trovate la porzione di codice che ho indicato, cercate questa:

<b:skin><![CDATA[/*

E incollate il codice subito sopra.

Salvate il template e accendete un cero a San't’Agata (sostituendo Sant’Agata con il patrono/la patrona della vostra città). Visualizzando il blog su Internet Explorer il problema dovrebbe essere risolto (almeno finchè la Microsoft non ne pubblicherà una nuova versione):

Condividi su Facebook, Twitter o Google Buzz:

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:

oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!