Colocando favicon no blog
em 26 Outubro 2008 | Marcadores: HacksDiversos usuários reportaram, nesta semana, problemas com o favicon de seus blogs. Favicon é aquele pequeno ícone que aparece na barra de endereços do navegador.
Aqui no Dicas Blogger, estava funcionando bem. Então, resolvi criar um novo post a fim de fornecer um código mais adequado.
Para quem ainda não tem um favicon, basta criá-lo no editor de imagens de sua preferência, no tamanho de 16 x 16 px e hospedar na web (ImageShack, PhotoBucket e etc). Existem também sites especializados na criação e distribuição de favicons. (Exemplo: favicon.cc)
Agora, vamos entrar no html do template e procurar por :
]]></b:skin>
Logo após, iremos colar o seguinte código:
<link href='http://sua_imagem.png' rel='icon' type='image/x-icon'/>
<link href='http://sua_imagem.png' rel='shortcut icon' type='image/x-icon'/>
Substituimos http://sua_imagem.png pela url do favicon.
Vamos visualizar o template e, se tudo estiver ok, salvá-lo.
Quem já utilizava o código anterior, deverá apagá-lo.
………
ATUALIZAÇÃO:
Para funcionar em todos os navegadores, leia este post:
108 comentários:
Não acredito!
:D
Pegou!!
Super obrigado!
Valeu, Juliana, funcionou perfeitamente!!! Muito obrigado!!!
Sabe o que deve ter dado errado com os outros? A extensão da imagem, ela sempre deve ser png ou ico xD
Já vai fazer o orçamento da net a rádio?
Abraços
Oi, Juliana! Já implantei o favicon nos dois blogs. Ficou muito bom! Boa semana!
Funcionou mesmo, obrigado =D
Funcionou nao Juliana --> http://fabricioa.blogspot.com/ - Blog De Testes
Funcionou...
Era tudo o que Eu queria ouvir logo nesse início de semana!
Muitíssimo Obrigado Juliana!
Juliana coloquei o codigo tudo certinho, mas tipo esse favicon ele não aparece o IE? Você teria uma dica de ele aparecer tanto como no firefox como no IE? Obrigado pela dica abraços!
Muito obrigado!!!
resolveu nosso problema!!
vcs são o melhor blog!
Abraço!
Aleluia finalmente meu favicon voltou faleu Juliana!
Adorei a dica, estava a procurando já tem algum tempo. Muito obrigado, utilizo algumas de suas dicas lá no meu blog http://lucascnevesd.blogspot.com/ depois dá uma espiadinha lá qndo vc tiver tempo. Estou torcendo para que seu telefone e sua internet em casa "ressucitem".Seu blog está de parabéns.Beijos
Ah, que bom, não sabia o que fazer pra resolver o problema! Obrigado mesmo!
Mas me diga uma coisa...será que o melhor é usar um arquivo .PNG ou um .ICO mesmo?
Funcionou. Obrigada!
Pow, valeu msm!
Tava indo todos os dias a procura dessa solução nas atualizações dos blogs especializados.
Vim aqui e achei!
Vlw! Tava louco por essa solução!
Valeu pessoal!
Fico muito feliz em poder ajudar!
Este método não funciona no IEca, mas quem ainda usa o IEca?
Eu, nesta conexão a lenha da Claro...hahahaha
Beijos a todos!
Percebi o problema na quinta-feira achei que fosse uma instabilidade do Blogger, até o Compulsivo estava assim... Passaram os dias e continuou a mesma coisa.
obrigado mais uma vez Juliana.
Abraço...
Para funcionar também no Internet Explorer basta usar o mesmo código fornecido pelo Dicas Blogger, utilizando o seu favicon com extensão .ico
Coloque o código após a tag head
Funcionou perfeitamente no meu!!!
Eu tive problemas com meu favicon, mas sua dica resolveu tudo em um instante.
Obrigado!
Abraço.
Esta é uma dica muito boa, mesmo. Há muita gente usando o FavoritesIcon em blogs atualmente. Em alguns sites, como observei, eles também conseguem fazer aparecer no IE, e até fica o ícone quando você adiciona a página nos favoritos. (me parece que daí o nome)
Abraço
Pra mim não resolveu :-(
[]'s
Compulsivo
Juju, valeu mesmo!!! Certinho, e no IE é só utilizar .ICO
Compulsivo, você utilizou o código após a TAG que a Jú mencionou "/b:skin" ?
Cometi o erro em um primeiro momento de acrescentar após a TAG "head" como no antigo script... Não funcionou mesmo! Mas após adicionar o novo script no local certo, ficou ok!!!
Jú, é isso... Beijão!!!
Fernando
Compulsivo, verifique se vc apagou o código anterior.
Fernando, peço a gentileza de não postar como anônimo, pois isto não é permitido aqui no blog.
Vc pode usar seu perfil do Blogger ou a url do seu blog. Abraços e seja bem vindo!
Pessoal, não vai dar pra responder aos comments individualmente por causa da falta de uma conexão decente.
Abraços a tds!
"(...)Este método não funciona no IEca, mas quem ainda usa o IEca?" Amei essa, virei fã! hehehe
Pra mim aparece < b : s k i n > < ! [ C [
D A T A [ / * ...o q q eu ponho e o que q eu deixo aqui???
Excelente dica Ju!! =)
Há muito tempo queria saber como inserir. Valeu!!
Ah! Um detalhe... O site que a "Ju" citou logo acima...
www.favicon.cc
...É possível fazer o upload da imagem também e logo em seguida (depois de fazer o cadastro) é fornecido dois códigos...
O primeiro código, vc hospeda a imagem onde quizer e inseri junto com o código fornecido.
O segundo, é só vc copiar todo o código que o "Favicon" fornece e colocá-lo no html do blog.
O local dos códigos é o que a "Ju" indica.
`
É isso!!
((((( valeu! )))))
Bju-JU.
*
*
Excelente dica Ju!! =)
Há muito tempo queria saber como inserir. Valeu!!
Ah! Um detalhe... O site que a "Ju" citou logo acima...
www.favicon.cc
...É possível fazer o upload da imagem também e logo em seguida (depois de fazer o cadastro) são fornecidos dois códigos.
-O primeiro código, vc hospeda a imagem onde quizer e inseri junto com o código fornecido.
-O segundo, é só vc copiar todo o código que o "Favicon" fornece e colocá-lo no html do blog.
O local dos códigos é o que a "Ju" indica.
`
É isso!!
((((( valeu! )))))
Bju-JU.
*
*
Vou colocar um desse no meu blog... só falta escolher a imagem!! hehe
Vlw ai!!
Olá, não sei se estou fazendo alguma bobagem, mas não estou conseguindo alterar. Pode me ajudar
abs
Parabéns ai Juliana!
Sempre surpreendente em seus posts!
Muito Obrigado pela ajuda!
Parabens!!! Suas dicas foram muito importantes para a criação do meu blog!!
Que Deus continue te abençoando muitoooo!!!
Bjuuuuux!!!
Este hack também já pus no meu blog! E como disse anteriormente em outro post, conheci seu blog através da minha esposa, QUANDO ela estava lendo aqui no seu blog este post de como mudar o favicon!
=)
Obrigada pela superdica!!!
Valeu!
Pô, não tô conseguindo (ainda). Será que sou burro? hahaha Acho que só reza forte!
http://estagioescravo.blogspot.com
Nossa muito obrigado, agora o http://antenaparanoicablog.blogspot.com/ tá legal.
Muito obrigado Juliana
comigo ñ funcionou :(
canal ec sport
omg funfo
Vlw funcionou mesmo brigaduuuuuuu.
Olá Juliana não consegui não!!!
Você pode me ajudar?
Não consegui colar....dá um erro na hora de salvar o modelo...
"A skin não pode conter o elemento: link. Somente seções de texto e CDATA são válidas."
oq será que tá errado???
please ninguém vai me ajudar..??????
Onde coloco o código??....já tentei e sempre sai a mensagem anterior........
Desculpas....rs... eu confundi as bolas....era pra colocar depois do (/b) e eu tava colocando logo na entrada da tag....sorry minha ignorância.
Mucho brigadu...
Não funcionou, já tentei as duas formas e nada acontece vou esperar masi um pouco para ver se resolvem, mas se não pesso uma dica.
nao ta aparecendoO ;X
thefaviconshomepage.com já hospeda o novo favicon do Google!
onde eu hospedo o ico ju!
já descobrir como hospeda em ico.
e so se cadastra no favicon.cc e pronto.
Vlw pela dica deu certo muito obrigado
ah ,aproposito já dei o meu voto para vc no best blogs vc só está perdendo por dois votos
Juliana, tudo bem? Eu sempre acompanho o seu blog, pra melhorar o meu.. xD
Eu nao consegui fazer funcionar no IE, mas no MOZILA funcionou direitinho...
Abraços.
Muito obrigado pela dica Juliana.
Irei com certeza colocar uma imagem em meu blog.
Estava querendo saber como fazer isso tem um bom tempo, mas graça ao DB, meus problemas acabaram.
Grande abraço e mais uma vez obrigado por compartilhar as dicas com todos os blogueiros.
Juliana seguindo suas dicas tentei colocar o favicon no meu blog.
Salvei a imagem no PICASA e usei seu link como orientou.
Quando fui salvar, olha o que apareceu:
Não foi possível salvar o modelo
Corrija o erro abaixo e envie o seu modelo novamente.
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: The reference to entity "feat" must end with the ';' delimiter.
Onde errei?
Esta me ajudando muito com o meu novo blog..vlw
abraços
Deu certo!
Procurei isso por um tempão!
Só agora consegui... obrigado!
Legal, coloquei nos blogs Blogspot e funcionou perfeitamente.
Vou ver se funcionam também no Wordpress.
valeu foi muito bom !
Legal foi muito útil esta dica !
Juliana, obrigada pela dica, ainda vou tentar fazer funcionar no IEca, rs.
Juliana,
Obrigada por suas dicas sempre funcionais e inteligentes. Sempre que posso estou por aqui e te acompanho via twitter para saber das novidades.
Continue sempre assim!
Parabéns!
Nossa que demais consegui !!
valeu
Juh(q intimidade oO),eu sempre queria saber como se faz isso,e finalmente apredim,mas queria repassar as outras pessoas(blogueiros) para que possa fazer o mesmo.Posso fazer uma turorial ensinado como fazer?,pq aqui esta dividido em tres postes(vc sabe o que ue quero disser XD) e eu queria criar logo um direto juntando tudo e tirando o desnecessario ;/. CLARo que ñ vou esquecer de Citar Bem Grande ! onde aprendir a colocar o Falvicon XD, Vo fazer a postagem e salva como rascunho, so posto depois que vc libetar ;) BjomeLink rsrs...
Pode sim. Você escrevendo um tutorial com suas próprias palavras e colocando os créditos, não há nenhum problema
Obrigado, deu tudo certo...
Ah... E parabéns por esse maravilhoso blog!
Que dica incrível!
Funcionou de primeira!...rsrs...
Obrigadíssima!
=D
Foi o mais prático jeito que já vi!
Obrigado! E parabéns!
Mais uma vez, te agradeço muito pelas ajudas que me presta com suas excelentes postagens.
Parabens de minha parte já é redundancia.
Obrigado.
SoftBom Downloads (Graças ao DicasBlogger, ele funciona)
funcionou!!!muito obrigado por dar ao nosso blog um ar mais profissional
Muito Bom seu post Juliana, me ajudou pra caramba. Agora o favicon ficou =)
nooooffa salvou minha vida agora
amei muito obrigada mesmo
Opá!!
Já está funcionando no blog Grana Sempre.
Obrigado.
ficou lindo, super lindo
obrigado
Nossa, muitíssimo obrigada!
Já tinha tentado outras formas, mas nada...
Desta forma deu super certo. Parabéns também pela forma clara das informações.
Muito obrigada
puts.Por aqui tudo parece mais fácil.Valeu :D
Muito Obrigado, funcionou perfeitamente ^^.
Excelente!
Funcionou show de bola no meu!
Caracas, muito boa a dica ... olha como fikou no meu blog : http://x-down17.blogspot.com/ -- pelo menos não fika akele favicon feio do blog . ksopkpsapaosks'
Muito bom!
Já havia tentado outras quatro maneiras diferentes, tutoriais afora, e não tinha dado certo. Agora, sim! Valeu!
Obrigado!
Obrigado finalmente consegui valew
realmente funcionou vlw aki vai meu blog da uma paçadinha aew
http://turboperfeito.blogspot.com
Cooooooooooonsegui uhuuuuuuuuuuuul
thanks!
Não funcionou no IE8 :(
PARABENS PELO BLOG ;)
Só não dá certo no meu!! Pelo menos some o ícone do blogger e fica o ícone do IE...
Valeu!
Deu certinho.
lol vlw pessoal funcionou sim mesmo com gif
Adorei!
Hospedei no blog, mesmo e deu certo! Super simples!
Obrigada!
vlw me ajudou muito tinha perdido esse codigo *-*
brigaduuu
vlw fera consegui botar um gif animado de favcon vlw seja feliz
Até que fim um que deu certo, só no dicas blogger mesmo =]
Já tinha tentado em outras epocas isso, e pra dizr a verdade, foi uma das pouquíssimas coisas que nunca havia tido sucesso.
Agora necessitei em meu novo blog e tava levando laço de novo.
Sua dica aqui foi de extrema valia e deu sucesso, obrigado!
Sex Appeal – Deixe-se cativar!
Cara... muito obrigado... depois de um pouco de esforço consegui.
Fiquei lutando com o xpg. akele troço num deixa hospedar imagens em ICO e achei que era no navegador, tentei upar no picasa e n deu tbm, acabei fazendo em png mesmo.
Vlw mesmo
Quem quiser ver acessaí.
www.agendapreta.com
O Unico que funcionou \ô/
Muito obrigado pelo conhecimento, assim que é legal, sem baboseiras ou spam !!
baita abração e viste-nos
http://piellrouse.blogspot.com/
òtimo Feriado
De que funciona, disso eu nunca duvidei! O problema foi meu cerebro descobrir que a imagem nao precisa ser de extensao .ico! Pode ser jpg tambem, e eu nao conseguia fazer upload no photobucket!...;)
Valeu!
Depois de muitos anos, finalmente deu certo.
FUNCIONOUUU!!!
Depois de meses tentando... Muito obrigada, você salvou minha vida!
BEIJÃO.
Juliana,
aqui não está indo.
eu não entendi a parte do "Agora, vamos entrar no html do template e procurar por :"
Juliana,
aqui não está indo.
eu não entendi a parte do "Agora, vamos entrar no html do template e procurar por :"
Muito bom!
Funcionou perfeitamente no Mozila.
Entretando, no IE está abrindo com o favicon do IE.
Há alguma solução.
Deixo o blog para que confirme o favicon do IE no acesso deles.
www.goldenpilates.com.br
Com oposso proceder?
att;
Eduardo
Vlw cara vc é de mais,me ajudou muito
me add aew : ewertoncaires@hotmail.com
Gente, deu super certo!
Obrigada!
Finalmente achei um que desse certo \õ
Muito obrigado!
Adorei... COnsegui fazer direitinho!!
Obrigado pela ajuda!
Veja se ficou bom: http://www.teamrobpattz.tk
Muito bom juliana, funcionou perfeitamente!
Estou muito feliz com isso, olhe como ficou o meu blog: http://familiafelizsa.blogspot.com
valeu funciono!
Muito bom o código. Mas não funcionou no Internet Explorer. Comigo só funcionou no Firefox e no chrome. Mas esse código vlw muuuuuuito a pena. Muuuuitíssimo obrigadoo!
valeu obrigada
Postar um comentário
Os comentários passam por um sistema de moderação, ou seja, eles são lidos por nós antes de serem publicados. Não serão aprovados os comentários:
- não relacionados ao tema do post;
- com pedidos de parceria;
- com propagandas (spam);
- com link para divulgar seu blog;
- com palavrões ou ofensas a pessoas e marcas;