Favicon no Blogspot

Atenção, há uma nova versão deste tutorial:
Corrigindo a exibição do Favicon no Blogspot
Utilizar um ícone personalizado em seu blog é uma forma de diferenciá-lo entre tantos. O ícone personalizado aparece no início da barra de endereços do browser quando o site é acessado e também quando é adicionado aos favoritos.

Em um site hospedado através de FTP, normalmente basta subir a imagem em formato .ICO, com resolução de 16x16px, nomeada como favicon.ico para a raiz do site. Mas no Blogger é um pouquinho mais complicado:

Crie um ícone 16x16 em formato PNG e hospede onde preferir. Depois inclua a linha abaixo dentro da tag HEAD do seu template adaptando o endereço onde salvou o ícone:
<link href='http://UsuarioCompulsivo.png' rel='shortcut icon'/>
Update: Para funcionar no Internet Explorer é necessário converter a imagem para o formato ICO e repetir o procedimento acima.

OBS: No Google Pages o nome da imagem não pode ser "favicon.ico", caso contrário irá aparecer o ícone do próprio Google Pages.

Dica do Fabrício do Orthodoxia nos comentários.

Comentários

  1. Luciano02/05/2007, 05:24

    post muito legal, consegui add o favicon no nosso blog por aqui graças a este post, muito obrigado.

    ResponderExcluir
  2. Anônimo11/10/2007, 04:15

    opa!
    grato man!
    vou tentar mudar o meu agora ^^

    ResponderExcluir
  3. Carlinhos Medeiros22/11/2007, 19:25

    espero que eu consiga também, muita gente até explica, mas o problema é que explica como se fosse para um webdesigner. peguei vários exemplos, já mandei a foto para o favicon, a fotinha e o arquivo numa caderneta já estão na área de trabalho, mas daí saber o que é "raiz da parafuseta do blog" é que são elas...

    ResponderExcluir
  4. Anônimo22/11/2007, 19:41

    Legal Luciano, parabéns!

    Felipe, conseguisse implementar?

    Moço da Bodega, acesso o MyFavatar e tire suas dúvidas por lá, garanto que com um pouquinho de esforço mental você consegue...

    ResponderExcluir
  5. JDiniz29/01/2008, 16:31

    Ufa!!
    Consegui!
    Vlw!
    Amplexos Libertários

    ResponderExcluir
  6. 1 de nós 207/02/2008, 00:17

    funciona no blogger sim

    eu coloquei no meu

    http://umdenosdois.blogspot.com

    ResponderExcluir
  7. Anônimo07/02/2008, 08:43

    Opa! Claro que funfa... Olha eu lá na barra de endereços...

    []'s
    Compulsivo

    ResponderExcluir
  8. Anônimo11/02/2008, 16:17

    ae cara, muito bom funcionou perfeitamente comigo. flw vlw pelo tutorial.

    ResponderExcluir
  9. oxymus07/05/2008, 19:58

    Puxa demais mano esse post, sem palavras, será de grande serventia para mim, muito obrigado por compartilhar!

    ResponderExcluir
  10. SCARAPA30/05/2008, 10:33

    po o meu naw deu, fico com o ICO do google pages :(

    ResponderExcluir
  11. Anônimo04/06/2008, 16:03

    Muito útil a dica! Havia procurado em vários blogs, mas os códigos não funcionavam; este deu certo.

    O problema é que nem todos os navegadores mostram o ícone em PNG, mas é fácil resolver isso, e talvez valha até um outro update.

    É só criar a imagem 16x16 em .png e depois ir em: http://converticon.com e converter pra .ico e hospedar no GooglePages.

    *Nota: no Googlepages o nome da imagem não pode ser "favicon", caso contrário irá aparecer o ícone do próprio GooglePages.

    Ótimo blog!

    Abs!

    ResponderExcluir
  12. teste04/06/2008, 16:27

    Obrigado pela dica Fabrício. Já atualizei o post ;-)

    []'s
    Compulsivo

    ResponderExcluir
  13. m.machado08/06/2008, 02:16

    como eu armazeno imagens::???

    ONDE?

    vlw!

    ResponderExcluir
  14. teste08/06/2008, 11:23

    admin, pode ser no Goope Pages (pages.google.com), no 000webhost.com, ou qualquer outro serviço se sua preferência...

    []'s
    Compulsivo

    ResponderExcluir
  15. Carlos Wavel22/06/2008, 23:18

    Valeu! Funcionou legal e agora meus blogs estão ficnado do jeito que eu quero!

    ResponderExcluir
  16. Gabriel29/06/2008, 13:47

    Ai cara, bem útil esse post consegui colocar no meu blogspot o favicon, o problema é que ainda não encontrei um site para hospedar o arquivo ico.
    Mas esse não é problema pra quem tem firefox, porque eu que tenho visualizo legal, mas já no IE... Ai você conhece algum site tipo tinypic (esse não aceita) que hospede imagens e que aceite esse tipo de arquivo?

    ResponderExcluir
  17. teste29/06/2008, 13:55

    BB, não precisa ser uma hospedagem exclusiva de imagens. Eu hospedo no Google Pages (pages.google.com) ou no 000.webhost.com.

    ResponderExcluir
  18. Gabriel30/06/2008, 13:10

    É eu sei, é que a preferência era por uma só de imagens...mas quanto de espaço tem o google pages?

    ResponderExcluir
  19. teste30/06/2008, 13:31

    @bb, se não me engano, são 100 megas...

    []'s
    Compulsivo

    ResponderExcluir
  20. Allyson Saraiva02/08/2008, 15:01

    Eu nao concigui fazer tentei mais de 5 vezes e nao deu sertou pq?
    ajuda aew galera
    obg

    ResponderExcluir
  21. teste02/08/2008, 17:13

    @Allyson, engraçado pois acesse seu blogue e está com o favicon sim...

    []'s
    Compulsivo

    ResponderExcluir
  22. Anônimo13/08/2008, 14:56

    Oi. O favi png deu certo para o firefox. Acrescentei o .ico para o ie (deixei os 2 no head aí já não aparece no firefox. Há algum hack para eu manter os dois no html? Brigadim...

    ResponderExcluir
  23. teste13/08/2008, 15:07

    @Riva, fiz como você e pra mim funcionou!

    []'s
    Compulsivo

    ResponderExcluir
  24. ...:::TEMPO DOWN:::...25/08/2008, 20:14

    cara esse foi o unico poster que fucionou e olha que eu ja tentei mais de 20 modelos diferente o seu blog e 10 ou melhor 1000 valeu

    ResponderExcluir
  25. teste30/08/2008, 22:15

    @Shirley, quando acessei a url do seu arquivo, recebi a seguite mensagem:

    File Manager
    Logout successful, to login back click File Manager icon from control panel.

    Seu arquivo .ICO precisa estar hospedado e acessível através de uma URL no seu navegador.

    []'s
    Compulsivo

    ResponderExcluir
  26. Anônimo04/09/2008, 07:06

    bom dia...eu gostava de mudar o meu favicon mas nao encontro um programa para alterar a extensão de png para ico...o convertico ja nao funciona nao sei porquê...gostava da vossa ajuda...obrigada

    Cumprimentos

    ResponderExcluir
  27. Adriano Rezende06/10/2008, 11:06

    Muito Obrigado pela dica!! Foi muito útil!!
    Parabéns pelo blog!
    abraços

    ResponderExcluir
  28. Anônimo23/10/2008, 17:11

    antes funcionava mas agora nao sei porque e deixou de funcionar de repente... o que tera acontecido?

    ResponderExcluir
  29. Anônimo26/10/2008, 15:42

    Verdade david, parou de funcionar, em todos os blogues que eu entro o favicon esta o padrão do blogger

    ResponderExcluir
  30. JDiniz23/02/2009, 13:30

    Valeu fera!!
    Na hora!!

    ResponderExcluir
  31. Natalie Hiratsuka31/08/2009, 00:44

    è impressão minha ou este favicon não funfa mais?
    por que e todos blogs nao tá funfando mais

    só no teu, Compulsivo...
    oque seria? acho que a hospedagem da imagem não é
    pois até peguei o teu exemplo de favicon

    e tambem não deu, apareceu o padrão do blogger,
    comfirme pra mim se ainda esta legal o TUTORIAL.

    Abraços!

    ResponderExcluir
  32. Gustavo Zapata29/11/2009, 19:40

    Realmente muito útil; minha Favicon tava bichada até encontrar este post. :D

    ResponderExcluir
  33. Felipe Marcon31/12/2009, 15:43

    Nossa eu tava atras disso faiz muito tempo e os códigos que eu pegava nenhum dava, esse aqui foi de primeira!
    Parabens compulsivo

    ResponderExcluir
  34. NathanHumberto06/01/2010, 22:25

    Olá achei este blog em minhas pesquisas, quando estou, batendo cabeça com algo, e dessa ves foi este blog qm me ajudou um pouco, vou ser franco eu ja entendo bastante de html php, esses trço doido e talz, mais como todo ser humano, apanho pkas, pra elis, rsrsrs, Então so tenha a Agradecer e Vo dechar akie no Favorito,xD,
    Att, Nathan, Muito Obrigao ;D

    ResponderExcluir
  35. Cleber B.23/01/2010, 14:45

    Valeu cara, agora sim consegui colocar um favicon no meu blog (blogspot). Obrigado mesmo.

    ResponderExcluir
  36. João Tomaz30/01/2010, 01:29

    ola
    tentei por o favicon no meu blog mas nao funcionou deu um erro que e element type "link" must be followed by either attribute specification ">" or "/>"!
    Nao sei o que se passa :S
    se puder ajudar
    obrigado ;P

    ResponderExcluir
  37. Francisco Valença Vaz10/03/2010, 15:39

    Muito bom!! Acabo de implementar a meu blog, achei muito dificil e achei aqui no site com tanta facilidade, valeu pessoal

    ResponderExcluir
  38. Anônimo19/06/2010, 19:04

    Não consegui mudar meu favicon...
    Ele salva normal ,ais não aparece nada ...
    Meu navegador é o Mozilla Firefox

    ResponderExcluir

Postar um comentário

Postagens mais visitadas deste blog

O que significa DVDRip, DVDScr, R5, etc?

Já viu algum arquivo de filme baixado da internet e não soube o significado de todas aquelas letras e códigos que aparecem junto ao nome do arquivo? Seus problemas acabaram! Veja por exemplo o nome deste arquivo de filme que está facilmente disponível para download através das redes de compartilhamento de arquivos BitTorrent: Blade.Runner[Remastered.Director's.Cut]DvDrip[Eng]-aXXo Dividindo o nome do arquivo em partes, conforme seu significado: Blade.Runner[Remastered.Director's.Cut] - Nome do filme; DvDrip - Tipo da versão; [Eng] - Idioma do áudio; aXXo - Grupo hacker que liberou arquivo na internet. Eventualmente podem aparecer outros códigos nos nomes dos arquivos, mas a parte mais importante que você deve observar é o Tipo da versão , pois é isto que determina a qualidade do vídeo. Existem diferentes Tipos de versão dos filmes disponibilizados na internet através de arquivos .torrent . Os mais comuns atualmente são: CAM - É o pior Tipo de versão pos
Continue lendo >>

Nomes de todas as igrejas do Brasil

Imagem
Apesar de ser ATEU (ou talvez justamente por isso), um dos meus sonhos de infância era ter a minha própria igreja, uma organização filantrópica sem fins lucrativos, visando meu enriquecimento ilícito, com pouco ou nenhum trabalho. Na época os nomes que me passavam pela cabeça para minha congregação seriam algo como: A Igreja Quadrangular do Triângulo Redondo, A Igreja da Verdade Compulsiva Suprema , ou até A Seita Xeque . E apesar deste sonho de criança ter ficando para trás, a idéia verdadeiramente nunca saiu da minha cabeça.
Continue lendo >>

Hospedar JavaScript no Blogger / Blogspot

Melhor que isso, só a hospedagem no 7 estrelas Burj Al Arab... OBS : Se você está procurando hospedagem grátis para arquivos externos, dê uma olhada neste post: Armazene, Sincronize e Compartilhe na Faixa Uma problema antigo que atormenta alguns usuários avançados do Blogspot é quanto a hospedagem externa de arquivos JavaScript . Como o Blogger não disponibiliza um abrigo para estes arquivos, muita gente acaba recorrendo a serviços gratuitos de terceiros para hospedar externamente estes códigos. Mas a hospedagem externa de arquivos JavaScript pode gerar alguns problemas para os usuários do Blogger. Caso o serviço onde seu arquivo JavaScript está hospedado apresentar alguma instabilidade, isto com certeza comprometerá o desempenho do seu site. Além disso, estes serviços externos podem ser descontinuados, como aconteceu com o Google Pages , ou sofrer alterações no seu funcionamento que acarretem perdas de funcionalidades e exijam revisões de código, como está acontecendo agora com Sk
Continue lendo >>