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


image 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... :

image

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):

image

Condividi su Facebook, Twitter o Google Buzz:
Condividi su Facebook Condividi su Twitter Pubblica su 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!

30 commenti:

alexs ha detto...

ciao Orazio, scusa se ti scrivo qui ma sull'argomento inerente credo non lo leggeresti.
Ho applicato le faccine nei miei commenti, ci sono e funzionano ma nel mio blog anzichè apparire in due file orizzontali si presentano in una fila verticale...perchè? cosa ho sbagliato? grazie e ciao

DNAcinema ha detto...

ciao! ha aperto i battenti il nuovo portale di cinema direttamente dagli studios di Cinecittà. News, recensioni, anteprime, foto, video e tanto altro ancora; e se vuoi collaborare con noi scrivendo recensioni scrivici @ dnacinema@yahoo.it http://dnacinema.blogspot.com/ P.S. Complimenti per il blog, ottimo lavoro! A presto

scambio link, sei daccordo?

Massimo ha detto...

Complimentoni per il tuo blog, veramente utile.
Ti espongo il mio problema, su Firefox e Safari si vedeva bene il post mentre con Explorer i caratteri mutavano in stelline, cuorio e che ne ha più ne metta. Ho dovuto cambiare nuovamente i caratteri del post nonostante fossero già corretti.
ps. 15 accessi al giorno e 15 su explorer ( mi avranno preso per pi***la) :p

Continua così :))

Vincenzo ha detto...

In pratica potremo star tranquilli fino all'uscita di Internet Explorer 9. :-t

the Tramp ha detto...

Ciao Ten, sai che la mia l'aveva tolta la redazione di blogger quando mi hanno riaperto il blog? Da allora mi sono sempre dimenticato di rimetterla, ora è la volta buona.
PS:sapevo che il codice era nel layout ma non lo trovavo...comunque adesso ho risolto. Grazie infinitamente, sei un grande. :D

AUTOdiMERDA ha detto...

ok tene sembra funzionare. (anche sul tuo la vedo adesso).
Cmq questione di punti di vista, per quanto mi riguarda non sostituirei mai i prodotti Microsoft. Uso xp e ie7 e mi sta più che bene cosi.. almeno per adesso ;)

Mr.Nessuno ha detto...

Ciao Orazio,
concordo: eliminiamo explorer!!! l'ultima, ho inserito un widget per twitter sul blog, funzionava tutto perfettamente tranne che si explorer che andava in errore e andava in crash (purtroppo non usando explorer mi sono accorto del problema dopo diverse settimane...indovina il page rank che fine ha fatto!!!).

Ciao

Iole ha detto...

Ciao Orazio,
anch'io tempo fa avevo inserito la mia favicon personalizzata sul blog mettendo il codice dopo </head> ma su Internet Explorer non compariva... Ho provato pochi giorni fa a metterla subito dopo </title> ma non la vedo comunque (forse perché uso ancora IE6). Ci proverò da casa con IE8.

AUTOdiMERDA ha detto...

...oggi non la vedo sul tuo (e manco sul mio) ~x(

MAX89X ha detto...

Ciao Orazio. Hai perfettamente ragione su internet explorer

"...scaricate Chrome, Firefox, Safari ed eliminiamolo dalla rete."

Tenebrae ha detto...

@alexs: strano problema, darò un'occhiata, ma aspetta qualche giorno, magari fine settimana...

@dnacinema: mi dispiace, ma il poco tempo che ho non basta neanche per questo blog :) forse l'invito verrà raccolto da altri

@massimo: probabilmente il set di caratteri utilizzato non funziona bene con internet explorer, puoi vedere se puoi cambiarlo da layout->caratteri e colori

@vincenzo: o forse fino al prossimo aggiornamento, chissà ;)

@auto: guardando il commento che hai scritto dopo mi sa che ti rimangerai questa cosa :P

@iole: io ho provato con ie7 e ie8, non con versioni più vecchie.. ie6 cmq è a sua volta un mondo a parte (nel mondo a parte), ormai è poco usato

Iole ha detto...

Io ho appena provato con IE8, la tua la vedo e la mia no. Vabbè pazienza!!! :((

Tenebrae ha detto...

@iole: nel tuo template il codice è presente più volte e sempre in forma diversa... usa quello che ho pubblicato io, dovresti risolvere

AUTOdiMERDA ha detto...

oggi la vedo...
La Vedo!
La vedooooOOOO!!!

Wiva I.E.
L'unico browser ad iniezione elettronica

Edy ha detto...

Io ho archiviato IE subito quando è uscito Chrome!

Spyke ha detto...

ciao tene,
la stessa cosa vale anche per le favicon animate? con estenzione gif??
grazie
ciao

Tenebrae ha detto...

@spyke: non saprei spyke, non ho provato con la gif animata, ma suppongo che se non supporta un'immagine semplice immaginiamoci quella animata

Runnix ha detto...

Ciao, ancora una volta hai proposto un modo veloce e semplicissimo di risolvere il problema. Solo che devo segnalare un piccolo errore nel codice: la tag di chiusura dell'indirizzo immagine è questa ’ anzicché questa ' o al massimo questa "

Spero di essermi fatto capire. Per questa piccola sciocchezza non mi funzionava correttamente il codice!

Runnix ha detto...

Ho fatto qualche prova ed in parole povere se i tag di chiusura e apertura interni (' o ") non sono tutti identici l'immagine non viene visualizzata. Questa a quanto sembra essere una caratteristica delle immagini ico e jpg

gif e png si visualizzano lo stesso...

Admin ha detto...

Grande!!! Grazie per il post!!! Ora finalmente sono riuscito a rendere visibile la favicon sul mio blog.

berlusconifuoridaimaroni ha detto...

Ciao! Volevo farti i complimenti per il post. Ho seguito tutti i passaggi ma non riesco a visualizzare la favicon :) Sono andato sul sito del test e la trova. Puoi dare tu un'occhiata se la visualizzi? http://rassegnastanca.myblog.it/
Ho svuotato la cache e non riesco ancora a capire perché non va.

パオロ ha detto...

Ciao grazie per le info preziose...
una cosa.. ho provato questa cosa della favicon ma dopo la modifica mi da questo messaggio di errore:
Non è stato possibile analizzare il tuo modello, in quanto non è strutturato correttamente. Assicurati che tutti gli elementi XML presentino il tag di chiusura richiesto.
Messaggio di errore XML: Element type "link" must be followed by either attribute specifications, ">" or "/>".

Chiara Grasso ha detto...

devo dire che spieghi molto bene, ma provando e riprovando ad inserire il codice nel html del template blogspot mi dice che il codice è sbagliato, dove aggiungo questa parte?

link href='http://www.fileden.com/files/2010/2/28/2778009/cg.icon’ rel='shortcut icon' type='image/x-icon'/


(ho tolto <> all'inizio e alla fine in questa trascrizione)

方松腾 ha detto...

cheap jordans
michael kors outlet online,michael kors,kors outlet,michael kors outlet,michael kors handbags,michael kors outlet online sale,michael kors handbags clearance,michael kors purses,michaelkors.com,michael kors bags,michael kors shoes,michaelkors,cheap michael kors
mulberry handbags
tory burch outlet online
swarovski crystal
canada goose coats
toms outlet
michael kors factory sale
giuseppe zanotti sale
nba jerseys wholesale
fitflops shoes
hollister pas cher
longchamp outlet online
cheap mlb jerseys
swarovski outlet
swarovski outlet

方松腾 ha detto...

cheap jordans
michael kors outlet online,michael kors,kors outlet,michael kors outlet,michael kors handbags,michael kors outlet online sale,michael kors handbags clearance,michael kors purses,michaelkors.com,michael kors bags,michael kors shoes,michaelkors,cheap michael kors
mulberry handbags
tory burch outlet online
swarovski crystal
canada goose coats
toms outlet
michael kors factory sale
giuseppe zanotti sale
nba jerseys wholesale
fitflops shoes
hollister pas cher
longchamp outlet online
cheap mlb jerseys
swarovski outlet
swarovski outlet

chenlina ha detto...

CHENLINA20160308
designer handbags
nike uk
louis vuitton outlet stores
coach outlet
louis vuitton handbags
louis vuitton outlet stores
michael kors outlet
ray bans
michael kors outlet clearance
ghd hair straighteners
gucci outlet
christian louboutin shoes
michael kors outlet
prada handbags
ugg on sale
michael kors bags
kate spade handbags
ralph lauren
canada goose outlet
coach outlet store online
nike blazers uk
cheap oakley sunglasses
air jordan 4
michael kors outlet clearance
michael kors bags
canada goose outlet
coach factory outlet online
ray ban sunglasses
oakley sunglasses
michael kors outlet
ugg sale
longchamp outlet
jordan retro 8
louis vuitton
nike roshe run
ugg boots
cheap jordans
ugg boots outlet
louis vuitton bags
tod's shoes
AS

林剑伟 ha detto...

oakley store online
tiffany and co uk
mlb jerseys authentic
nike kobe sneakers
tiffany and co outlet
http://www.2016michaelkorsoutlet.us.com
cheap oakley sunglasses
toms outlet
tiffany and co
http://www.chromeheartsonline.us.com
michael jordan shoes
http://www.huarachesshoes.co.uk
oakley vault
retro jordans
cheap real jordans
kobe byrant shoes
oakley sunglasses
fitflops outlet
tiffany and co
ray ban sunglasses outlet
michael kors handbags,michael kors handbags outlet,michael kors purses outlet,cheap michael kors handbags,cheap michael kors purses
chrome hearts
Michael Kors Outlet Store
Michael Kors Handbags
air jordan retro
michael kors outlet online
kobe shoes
kobe byrant shoes
ralph lauren uk
http://www.raybanglasses.in.net
nike zoom kobe
http://www.huarachesshoes.uk
air jordan
http://www.rayban-sunglasses.uk
oakley sunglasses

dong dong23 ha detto...

beats wireless headphones
michael kors outlet online
jordans
louis vuitton handbags
polo ralph shirts
jordans
juicy couture
michael kors outlet
beats headphones
kate spade
christian louboutin outlet
mont blanc pens
louis vuitton outlet
coach outlet store online
cheap nfl jerseys
michael kors canada
michael kors outlet clearance
louis vuitton handbags
adidas shoes
replica watches
burberry outlet
louis vuitton outlet
pandora jewelry
fitflops sale clearance
louis vuitton handbags
michael kors handbags
nike outlet store
michael kors outlet
ray ban wayfarer
polo ralph lauren
burberry outlet
ray-ban sunglasses
mont blanc pens
christian louboutin outlet
michael kors outlet
louis vuitton outlet
cheap oakleys
gucci handbags
cheap toms shoes
christian louboutin shoes
20165.4wengdongdong

Chenzhen 20160303chenzhen ha detto...

ed hardy
coach outlet store
ralph lauren outlet
rolex submariner
kate spade outlet
fitflops
tiffany uk
polo ralph lauren
armani exchange
micahel kors
nike force 1
burberry outlet canada
michael kors outlet
nike huarache black
hollister clothing store
omega
gucci handbags outlet
coach factory outlet online
pandora jewelry outlet
adidas superstar white
omega speedmaster
polo ralph lauren outlet online
polo ralph lauren men
air max 90
ray bans
yeezy boost 350 white
true religion jeans outlet
coach factory outlet online
air jordan shoes
hollister hoodies
michael kors outlet online
michael kors bags
oakley sunglasses uk
oakley sunglasses outlet
kate spade bags
cheap ray bans
nike free runs
true religion jeans
ray ban sunglasses outlet
oakley sunglasses
chenzhen201662

raybanoutlet001 ha detto...

air max 90
jimmy choo shoes
nike huarache
pandora jewelry
ed hardy outlet
michael kors handbags
gucci sale
michael kors handbags
dolphins jerseys
oakland raiders jerseys


Prima di lasciare un commento, leggete qui

Posta un commento