, , ,

Garantindo a compatibilidade do seu Favicon com todos os navegadores

25 comentários
Blogger Hacks 

Exemplo de FaviconUm dos grandes problemas com os Favicons, principalmente pra quem possui um blog no Blogger/Blogspot, é fazê-los funcionar em todos os navegadores da mesma forma e com um único Hack. Nessa postagem você verá algumas dicas para garantir a compatibilidade do seu Favicon com todos os navegadores.

Verifique se o Hack do seu Favicon corresponde com todas as orientações dadas na postagem Colocando um Favicon no seu Blogger, o que já o torna compatível com o Firefox, Internet Explorer, Safari e Google Chrome.

Então vamos encontrar o código original do Hack, logo antes da tag </head> (utilizando o Ctrl+F do seu navegador): 

<link href=’URL DO FAVICON’ rel='shortcut icon'/>
<link href=’URL DO FAVICON’ rel='icon'/>

Não se esqueça de fazer o backup do seu template antes de realizar as alterações no código, clicando em Baixar modelo completo.

Para garantir maior compatibilidade e estender a exibição do Favicon à navegadores como o Opera, ofereça o Favicon em dois formatos de arquivo diferentes. Um .ICO para o Internet Explorer e um .PNG para os outros browsers. Para obter o segundo formato do arquivo, utilize o site iConvert. Então hospede-os num servidor como o Yahoo! GeoCities, Image Boo Hosting ou o Picasa (somente para .PNG) e coloque-os dessa forma no código: 

<link href=’URL DO FAVICON .ICO rel='shortcut icon'/>
<link href=’URL DO FAVICON .PNG rel='icon'/>

Utilize o nome de arquivo “favicon” para evitar bugs com o Internet Explorer e outros browsers mais antigos. Um favicon.ico e outro favicon.png.

Procure não alterar frequentemente o Favicon do seu blog, pois isso pode fazer com que ele deixe de aparecer para usuários do Internet Explorer (até que o cache do navegador seja renovado).

Visualize para ver se está tudo correto e clique em Salvar Modelo. Agora seu favicon será exibido corretamente em todos os navegadores, inclusive os menos populares.

Se o Hack não funcionar, tente limpar os arquivos temporários do seu navegador e reabrí-lo. Também verifique se os arquivos .ICO e .PNG estão corrompidos. Se o problema persistir, utilize o backup que você criou e clique em Fazer Upload, então refaça todo o processo.

Comentários (25)
Margarete 08/03/09 14:33

Infelizmente, eu não consegui! Sempre o blogger retorna a mensagem "Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: Open quote is expected for attribute "{1}" associated with an element type "href"."

Margarete 08/03/09 15:53

Consegui!!! Eu estava tendo problemas porque eu tinha expandido os modelos de Widget. Depois que eu desmarquei, o Blogger parou de retornar erro e salvou. Agora o favicon está aparecendo normalmente. Valeu pela dica!!!

Este comentário foi removido pelo autor.

Só consegui com que aparecesse no Chrome com a dica do Ruleandson, no primeiro post do favicon, também recebia a mesma msg da Margaret - mesmo sem expandir os widgets.

Acrescentei no final do código assim: "rel='icon' type='image/x-icon'/>" ao invés de só "rel='icon' "

(Exclui a postagem anteiror ontem devia ter acrescentado isso, pensei q removia tudo)

No meu caso não deu nenhum tipo de erro... mas também não aparece nada... o favicon do Blogger continua invicto lá no alto :s
Alguma sugestão além de limpar os temporários? Ou melhor, alguém sabe exatamente como limpar os temporários do Firfox 3.5.1?
Abraços
PAPI - papodepapi.blogspot.com

Valeu mesmo ai pelo código!
o pessoal ai esta com problemas na hora de salvar por um motivo simples!

as aspas estão incorretas na URL
’URL DO FAVICON .ICO’ - Errado
'URL DO FAVICON .ICO' - Certo

é só mudar que vai dar certo!

espero ter ajudado!

denis 02/01/10 15:19

otima postagem,esta muito detalhada .muito agradecido.

Brother só esta funcionando no FF

Jamis Henrique 06/03/10 14:36

Olá, o Fernando do Blogueiros na Web descobrio um outro método para a utilização do Favicon, caso alguem queira saber visite o meu artigo que fiz (eu e o Fernando somos parceiros)

http://www.kekoblogger.com.br/2009/12/colocando-favicon-em-seu-blogger.html

Pw 22/03/10 11:06

Droga de IE que não lê favicons em png...
Alguém sabe como faço para tirar aquele fundo branco horrível dos arquivos .ico?

Matheus 27/07/10 12:22

Fiz tudo o que disseram, mas hospedo no picasa, e percebi que dá pra mudar o tipo de arquivo no final do endereço, veja:

http://lh6.ggpht.com/•••/•••/•••/•••/s16/Favicon.ICO
http://lh6.ggpht.com/•••/•••/•••/•••/s16/Favicon.PNG
http://lh6.ggpht.com/•••/•••/•••/•••/s16/Favicon.JPG
http://lh6.ggpht.com/•••/•••/•••/•••/s16/Favicon.GIF

isso pode mudar a imagem do tipo de arquivo que quiser, mas mesmo assim, não funciona!

gadarf 22/01/11 15:43

Eu uso a seguinte sintaxe, n sei se resolve ai o problema de vcs:

>link href='imagem.ico' rel='shortcut icon' type='image/x-icon'/<

Anônimo 15/07/11 09:30

Ja fiz de tudo e não consigo por o favicon no ie aparece em todos menos no ie

Rk 17/10/11 11:33

Obrigado pela Dica, deu certo aqui no meu blog. já estava ficando louco com essa incompatibilidade do chrome rsrs.

como já disseram, vocês acrescentam > rel='shortcut icon' type='image/x-icon'/ no final, e mudam as aspas pra " ou ', diferente do código que foi escrito na postagem.

;)

Obrigado, e boa sorte!!

Rodrigo 18/05/14 07:44

Para alguns basta colocar aspas duplas que dá certo (" ")
]

Wei Chen 26/06/15 23:10

the north face clearance
cartier love bracelet
hermes sale
manchester united jersey
aaron rodgers jersey,clay matthews jersey,cheap reggie white jersey,matt flynn jersey,jamari lattimore jersey,randall cobb jersey
dolphins jerseys
kyle wilber jersey,jeremy mincey jersey,jeff heath jersey,dez bryant jersey,dan bailey jersey,rolando mcclain jersey,george selvie jersey,larry allen jersey,uche nwaneri jersey,roger staubach jersey,gavin escobar jersey
robert griffin jersey,joe theismann jersey,andre roberts jersey,sonny jurgensen jersey,art monk jersey,bashaud breeland jersey,barry cofield jersey,perry riley jersey,e.j. biggers jersey,duke ihenacho jersey,josh morgan jersey
tim duncan jersey
knicks jersey
oakley sunglasses wholesale
cowboys jerseys
nike air max
coach outlet store
denver broncos jerseys
air max 2014
arthur jones jersey,deonte thompson jersey,courtney upshaw jersey,timmy jernigan jersey,jeromy miles jersey,haloti ngata jersey,joe flacco jersey,steve smith sr jersey
cheap nba jerseys
oklahoma city thunder jerseys
barcelona football shirts
nike free
nike free uk
nba jerseys
jets jersey
stephen curry jersey
oakland raiders jerseys
heat jersey
spurs jersey
north face jackets
nike air max,air max uk,air max 90,nike air max 90,air max shoes
wei20150627

Ww Weng 15/07/15 07:23

burberry

christian louboutin shoes

tory burch sale

abercrombie kids

abercrombie

abercrombie and fitch

air huarache

air jordans

air jordan 2015

air max 2015

nike air max

babyliss

cheap basketball shoes

monster beats

dre beats

beats by dre outlet

beats by dre

bottega veneta

burberry

burberry outlet

burberry outlet online

burbery outlet store

burberry outlet

calvin kleins outlet

celine bags

chanel bags

softball bats

christian louboutin outlet

baseball jerseys

air jordan shoes

michael kors handbags clearance

nike outlet

oakley sunglasses cheap

oakley outlet

oakley sunglasses

ray bans

shoes outlet

huali10 Cai 17/07/15 04:07

philadelphia eagles jerseys
lebron james shoes,lebron 12,lebron 12 shoes,lebron sneakers,lebron iv,lebron 11,lebron 10
oakley sunglasses
karen millen sale
soccer jerseys
canada goose outlet
louis vuitton outlet
calvin klein underwear
nba jerseys wholesale
converse outlet
michael kors canada
air max 2014
tory burch outlet
ralph lauren outlet
true religion outlet
chanel handbags,chanel bags,chanel outlet,chanel 2.55
pandora jewelry
fivefingers shoes
asics shoes
ugg uk
the north face outlet store
jordan 4 retro
iphone 6 cases
pittsburgh steelers jersey
tory burch outlet
lululemon outlet
mont blanc
real madrid jersey
rolex watches
air jordan 13
cartier watches
tiffany and co jewelry
north face jackets
michael kors outlet
babyliss hair dryer
nhl jerseys wholesale
zheng123 7.17

Gege Dai 27/10/15 22:21

20151028xiaodaige
los angeles clippers
mizuno running shoes
tory burch outlet online
philadelphia eagles
hogan,hogan outlet,scarpe hogan,hogan sito ufficiale,hogan interactive
lebron shoes
phone cases
snow boots
kobe bryants shoes
canada goose outlet
true religion canada
nike mercurial
christian louboutin shoes
toms outlet store
polo shirts
ugg boots
valentino outlet
prada outlet online
nike air huarache
ray ban outlet
pandora outlet
oakley sunglasses
mulberry outlet store
cheap ray ban sunglasses
michael kors outlet
nike air huarache
air jordan 11
coach outlet
new york giants
cheap nfl jersey
lacoste pas cher
winter coats
soccer jerseys wholesale
cleveland cavaliers
bottega veneta outlet
north face jackets

chenlina 31/03/16 21:57

chenlina20160401
ray ban sunglasses uk
adidas originals shoes
nike air max
louis vuitton outlet stores
ray bans
oakley sunglasses outlet
oakley sunglasses wholesale
louis vuitton purses
coach outlet
louis vuitton handbags
michael kors handbags
coach outlet
ray ban sunglasses
cheap air max
coach outlet store online
ray ban sunglasses
kobe 8
louis vuitton handbags
kobe shoes
oakley sunglasses
celine handbags
ray ban sunglasses
ralph lauren
coach outlet online
tiffany and co
ugg outlet
ray ban sunglasses outlet
hollister
adidas superstars
cheap ray ban sunglasses
jordans for sale
jordan retro 13
coach outlet
hollister kids
cheap jordans
prada handbags
gucci belt
coach factorty outlet
ray ban sunglasses outlet
air max 95
as

Gege Dai 02/04/16 05:25

linyuan0402
cartier sunglasses
versace sunglasses
prada sunglasses
police sunglasses
chrome hearts outlet
cartier outlet
cazal sunglasses
burberry sunglasses
chrome hearts
dior sunglasses
chanel sunglasses
cartier watches
louis vuitton sunglasses
gucci sunglasses

林磊 18/04/16 03:25

2016-4-18 leilei
michael kors handbags
coach outlet online
lacoste polo shirts
nike air max 90
stephen curry shoes
mizuno running shoes
puma shoes
michael kors handbags
cheap oakleys outlet
michael kors outlet clearance
michael kors outlet online
asics shoes
burberry uk
cheap oakley sunglasses
coach purses on sale
cheap basketball shoes
ray ban sunglasses
polo ralph lauren
ed hardy uk
salvatore ferragamo
under armour shoes
jimmy choo shoes
burberry handbags
michael kors outlet
under armour outlet
sac longchamp
coach outlet online
rolex daytona
kate spade outlet
jordan shoes
converse uk
nike tn pas cher
true religion outlet
ralph lauren
cheap oakley sunglasses
toms shoes
michael kors outlet online
adidas superstars
canada goose sale

dong dong23 28/06/16 04:22

louis vuitton
nike air force 1
coach factory outlet
ray ban wayfarer
ed hardy clothing
michael kors outlet
ray-ban sunglasses
gucci handbags
rolex submariner
jordan 4 toro
cheap oakley sunglasses
coach outlet store online
oakley sunglasses
cheap nfl jerseys
louis vuitton
toms shoes outlet online
coach outlet
christian louboutin shoes
jordan concords
coach outlet store online clearances
basketball shoes
michael kors outlet
kate spade
nike free run
fitflops
michael kors outlet
gucci outlet
true religion outlet
louis vuitton handbags
cheap oakley sunglasses
lebron james shoes
kate spade
true religion jeans
air max 90
louboutin pas cher
lebron james shoes 2015
louis vuitton outlet
louis vuitton handbags
longchamp outlet
toms
20166.28wengdongdong

Gege Dai 15/07/16 13:26

ray ban sunglasses
hollister clothing store
ray ban sunglasses
michael kors outlet
ralph lauren uk
tiffany and co
swarovski crystal
abercrombie outlet
police sunglasses for men
true religion jeans
michael kors outlet online
cheap ray ban sunglasses
christian louboutin online
tory burch outlet
michael kors handbags
replica watches
mulberry handbags
polo ralph lauren
giuseppe zanotti shoes
ralph lauren outlet
herve leger outlet
tiffany and co
coach outlet clearance
iphone case
cheap nfl jerseys
air jordan shoes for sale
cheap nba jerseys
oakley sunglasses
swarovski crystal
oakley sunglasses sale
abercrombie and fitch
ray ban sunglasses
cheap oakley sunglasses
nike air max uk
beats headphones
chanyuan0716

Gege Dai 21/08/16 22:34

tory burch outlet
new balance outlet
ugg sale
fred perry polo
lacoste shirts
cartier outlet store
polo ralph lauren
ed hardy clothing
polo ralph lauren
hermes outlet
longchamp outlet
ray ban sunglasses
mulberry handbags
nike store uk
coach outlet
ugg outlet
dior sunglasses
tory burch shoes
michael kors handbags
louis vuitton outlet
ray-ban sunglasses
michael kors outlet
coach handbags outlet
true religion outlet
ugg boots on sale
adidas nmd
michael kors outlet
christian louboutin outlet
rolex watches outlet
ugg outlet
cheap ugg boots
futbol baratas
marc jacobs sale
louis vuitton handbags
coach outlet
czq20160822

Postar um comentário