Scroll Top

Hospedagem - 728 x 90

Sem categoria

Favicon: um ícone para o seu blog

Favicon Para quem desconhece o termo, "favicon” (abreviatura para “favorite icon”) é a imagem que aparece na barra de título ou na aba do browser quando você visita um site. Neste artigo, vou mostrar que é muito fácil criar um favicon para o seu blog. É uma melhoria simples e interessante a ser feita, que melhorará o visual do seu blog e chamará a atenção dos seus visitantes.  

O que é o favicon?

Se você ainda não sabe do que estou falando, note o ícone que está na barra superior do seu browser enquanto você lê este artigo. Você verá as letras “GB” antes do título “Gerenciando Blog”. O mesmo já está configurado em meu outro blog, o TD Séries. Abaixo está o resultado desse recurso nos 3 browsers mais populares: Microsoft Internet Explorer
Favicon Internet Explorer
Mozilla Firefox
Favicon Firefox
Google Chrome
Favicon Google Chrome   Este assunto não é novidade, mas notei que a grande maioria dos blogs ainda não fazem uso dos favicons. Por isso, ao visitar os blogs, normalmente aparece o ícone do Blogger  na barra do browser (BloggerIco). O favicon é uma imagem pequena, no tamanho de 16×16 pixels e normalmente no formato “.ICO” (de ícone). Há ainda outras possibilidades: há browsers que conseguem mostrar favicons animados e mesmo em outros formatos (GIF ou PNG). Mas, vou descrever aqui somente o processo utilizando o arquivo “.ICO”, que funciona perfeitamente para os três browsers que citei acima.  

Como posso obter um favicon para meu blog?

Há 3 alternativas para você obter um favicon. Vou citá-las abaixo, começando da mais simples e indo até a mais complexa.   1. Utilizar um favicon pronto
Existem diversos sites em que é possível encontrar favicons prontos. Neste caso, basta visitar um desses sites e escolher um para seu site. Há milhares de opções diferentes! Alguns desses sites:

Se você se decidir por um desses arquivos, salve-o em seu computador. Basta clicar com o botão direito do mouse sobre ele e escolher a opção para salvar a imagem.   2. Converter uma imagem existente
Você pode também utilizar uma imagem já existente para criar o seu favicon. Esta foi a opção que adorei. Isso é útil caso você já tenha um logotipo ou avatar que identifique seu blog. Ficam com um melhor resultado imagens quadradas e que possuam bom contraste. Essas características garantem que a imagem continuará legível quando for redimensionada para 16×16 pixels. Existem sites na internet que fazem a conversão de maneira bastante simples. O mais simples que encontrei é o http://www.favicon.co.uk. Basta escolher em seu computador o arquivo com a imagem original, selecionar o tamanho 16×16 e clicar em “Generate Favicon”. O processo é praticamente instantâneo e o favicon é exibido para download. Outras opções:

Como na opção anterior, salve em seu computador o favicon gerado.   3. Criar seu próprio favicon
Esta última opção é para quem quer criar o seu favicon de forma manual. Pessoalmente, acho mais prático você desenhar seu favicon em formato grande e quadrado em qualquer editor de imagens e utilizar a conversão indicada no item anterior. Mas, se você quiser criar seu favicon do zero, uma boa alternativa é o http://www.favicon.cc. Nele você pode desenhar seu favicon pixel a pixel. Pode também importar uma imagem e fazer online os ajustes necessários. A ferramenta permite também criar um favicon animado. Novamente, salve o resultado final em seu computador.  

Como adicionar o favicon ao meu blog?

Agora, com seu favicon criado, faltam apenas dois passos: hospedá-lo na internet e associá-lo ao seu site. O primeiro passo é colocar seu favicon em algum provedor de arquivos. Há diversas opções para hospedagem. Você deve fazer o upload de sua imagem e copiar o caminho dela. Para o formato tradicional (.ICO), como expliquei aqui, não há muitas opções. Eu gosto muito do Webs.com porque a imagem fica com um nome “amigável” e é possível substituí-la posteriormente, sem alterar o endereço do link. Outras opções grátis:

Agora, falta apenas alterar o HTML do template do seu blog e adicionar a linha abaixo logo antes do </head>, alterando o texto em vermelho pelo endereço de seu favicon:

<link href=’http://gerenciandoblog.webs.com/LogoGB16x16.ico’ rel=’shortcut icon’ type=’image/x-icon’/>

Pronto! A partir de agora, quem acessar seu blog já verá o seu favicon.

Favicon: um ícone para o seu blog
5 (100%) 1 vote


De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

Sobre o autor | Website

Especialista em Marketing Digital, presta Consultoria e auxilia diversos clientes. Amante por blogs, é responsável pela administração dos blogs Afiliados na web, Gerenciando Blog e Mundo Blogger.

143 Comentários

  1. Normal, mas nem tanto... disse:

    Oi, Adelson!

    Bom.. Amei o Post! Achei muito interessante poder colocar o ícone do meu cachorrinho, símbolo do meu Blog.
    Mas.. Porém, contudo, entretanto… Me enrolei completamente na hora de hospedar a imagem. Não consegui em nenhum desses links que vc colocou. Rs

    Mas eu me enrolo mesmo… Não tem jeito.. Rs

    Se puder me dar um help.. Agradeçooo!!!
    Rs..

    Beijocas! =)

  2. Adelson Smania disse:

    Olá, Sara!

    Ainda vou escrever um artigo específico sobre a hospedagem de arquivos. Isso é mesmo muito importante para todo blog. Mas, dando uma prévia, segue um rápido passo a passo para criar uma conta no Webs.com e hospedar seu arquivo:

    1. Acesse http://www.webs.com.

    2. Na página principal, preencha "Pick a Site Address:" com o nome do site que você deseja (sugiro o mesmo nome do seu blog). Preencha também "Create a password:" com a senha desejada. Clique em "Create a Website".

    3. Na próxima página, preencha "Site Title" com um título para seu blog (qualquer nome, já que não irá usá-lo) e seu e-mail. Escolha também as informações de Ano de Nascimento, País e Sexo.

    4. Escolha um template qualquer, pois ele também não será utilizado. No final da página, marque a opção "I agree to the Terms of Service" e clique em "Create my Site".

    5. Caso apareça uma página com a opção "Select a Webs package to match your needs:", clique em "No Thanks, Continue".

    6. Na página "Welcome to Webs", escolha "Start building on my own" e clique em "Continue".

    7. Na página "Web Sites Builder", clique no logotipo com esse mesmo nome, no canto superior esquerdo da página.

    8. Clique agora em "File Manager".

    9. Clique em "Single File Uploader".

    10. Na tela "Upload a File", clique no botão para escolher o arquivo e indique o seu .ICO. Desmarque a opção "Optimize Pictures and Video for the Web" e clique em "Upload file".

    11. Prontinho! Seu arquivo já está hospedado lá. Agora é só você clicar com o botão direito do mouse sobre o nome nele e escolher a opção para copiar endereço do link.

    O processo é um tanto longo, mas esse mesmo site servirá para hospedar qualquer arquivo ou imagem para seu blog, como a figura de seu banner, por exemplo. Da próxima vez, é só seguir a partir do passo 8.

    E agora, será que desenrolou ou enrolou ainda mais? risos Se precisar de ajuda, é só me enviar e-mail!

    Beijo!

  3. Normal, mas nem tanto... disse:

    Hehehe… Obrigada!!!

    É que, me enrolei.. Prq quando logo depois que escolhia o template e clicava, voltava para o início de tudo. Deve ter colocado algo errado. Mas voltarei lá, e com sua explicação, com certeza consigo.
    Qualquer duvida peço socorro. Rs

    Mais uma vez.. Obrigada!!!

  4. Lucaimura disse:

    Excelente tutorial Adelson!!
    Eu usei o site http://www.animatedfavicon.com para criar o meu, com um efeito animado e tudo!! Mas ocorre um problema que eu não percebo e por isso peço a tua ajuda. Primeiro o favicon só funciona no Firefox, depois mesmo no Firefox o favicon não é estável, ou seja, quando estou no meu blog aparece o favicon animado mas quando vou para outro site ou blog ele simplesmente é substituido pelo favicon do blogger ou do site que estou a visitar.Como tenho o meu blog na barra de favoritos vejo a mudança na hora.
    Gostaria de ter um favicon que desse para todos os browsers e que fosse estável.

    um abraço.

  5. Adelson Smania disse:

    Olá, Luca!

    Realmente, o favicon animado funciona atualmente só no Firefox. Testei seu site no Google Chrome e no Internet Explorer, e ele não aparece. Por isso, se você quer um favicon que funcione em todos os browsers, terá que ser um estático.

    Quando estava escrevendo este artigo, testei também favicons no formato GIF e PNG e também tive restrições. O único que funcionou corretamente em todos eles foi o .ICO.

    Assim, um favicon estático no formato ICO é a opção mais estável e compatível com todos os browsers.

    Um abraço e obrigado pela visita!

  6. Normal, mas nem tanto... disse:

    Perfeito! Perfeito! Perfeitooooo!!!!!

    Rssssss.. Nem acredito! Ficou o máximo!!!
    Obrigada pelo passo a passo e pela dica maravilhosa!

    Ficou lindo! Obrigada!

    Abraço!

  7. Iara Grisi disse:

    Olá Adelson! Adorei o post, ficou ótimo meu favicon. Há meses queria colocar o sol lá em cima e ninguém me explicava como. Adorei!! Veja como ficou lindo!!!
    Obrigada!

  8. Maquina de Café disse:

    Muito Obrigado pela dica !
    Já personalizei o meu blogue com um favicon pessoal !
    O meu blogue de Linux em português: http://linuxvidalivre.blogspot.com/

    Abraços !

  9. Adelson Smania disse:

    @Sara: Eu sabia que você ia conseguir. O cachorrinho ficou ótimo como favicon.

    @Iara: Olá, Iara! Bom vê-la novamente aqui. Visitei seu blog e o sol ficou mesmo perfeito! É algo simples, mas dá um toque diferente ao blog.

    @Máquina de Café: Visitei seu blog e vi seu favicon. Também ficou bem bacana.

    Um abraço a todos vocês e obrigado pela visita!

  10. Shirley Pacheco disse:

    Adelson, minino, teu site é o Aurélio dos blogueiros!! Acabou-se a era "BO", definitivamente! rs
    Bjo!

  11. Adelson Smania disse:

    Oi, Shirley!

    Obrigado pelo elogio! Você só precisa me explicar o que é a "era BO"! risos

    Um abraço e obrigado pela visita!

  12. Shirley Pacheco disse:

    Adelson, BO = "Burrice do Operador"! rs
    bjinho, bom finde

  13. Akidownloads disse:

    Galera eu num conseguindo faser o meu Favicon eu da seguinte maneira :
    eu entrei no meu blog fui em:
    1 personalizar
    2 Layut
    3 editar html

    e depois????????????

  14. Akidownloads disse:

    depois de muito sufoco eu consegui vlwwwww
    brigadão

  15. Sani Hadek disse:

    Adelson,
    Teu post me ajudou bastante! ja tinha tentado outros sites, mas nada funcionava. Fiz meu cadastro no webs e finalmente consegui! Da ate gosto agora!
    Abracos,
    Sani

  16. Adelson Smania disse:

    @Akidownloads: Que bom que tenha conseguido!

    @Sani: Já visitei seu blog e ficou ótimo o favicon! O Webs é mesmo excelente para hospedar arquivos. O único porém é que ele é um pouco mais difícil que outras opções existentes. Já estou até elaborando um artigo mostrando o passo a passo para ele. Mas, muito melhor que você já tenha conseguido sozinha!

    Um abraço a vocês e obrigado pela visita!

  17. quantomaiseupensomaiseupiro disse:

    Adelson! Há um bom tempo venho tentando colocar o favicon no meu blog e não conseguia de jeito nenhumm. Só depois que cheguei até aqui, é que a coisa funcionou hehehe. Muito obrigada!
    Abraços
    Cátia

  18. Adelson Smania disse:

    Olá, Cátia!

    Fico feliz que tenha sido útil para você! Visitei seu blog e seu favicon ficou bem bacana!

    Um abraço e obrigado por sua visita!

  19. juslaboral.net disse:

    Olá, Adelson

    No meu caso, o favicon (optei pelo estático) não funcionou no IE.

    abç

    Marcos

  20. Adelson Smania disse:

    Olá, Marcos!

    Realmente, seu favicon aparece no Google Chrome, mas não no IE.

    Estive observando o código fonte de sua página, e existe a chamada do favicon padrão no Blogger no início dele. Procure pelo trecho http://www.blogger.com/favicon.ico. Uma tentativa que você pode fazer é remover esse código, mantendo apenas do seu favicon.

    Outro item que notei é que o arquivo do seu favicon tem um espaço em seu nome "favicon (4).ico". Se a tentativa anterior não funcionar, eu renomearia este arquivo, deixando-o apenas como "favicon.ico".

    Veja se isso o ajuda.

    Um abraço!

  21. Marcos Fernandes Gonçalves disse:

    Olá, Adelson!

    Renomeei o arquivo para favicon.ico. Não resolveu. Procurei o trecho que mencionou http://www.blogger.com/favicon.ico

    …e surpresa…não existe esse código no meu template!

    Não é estranho?

    Abç.

    Marcos

  22. AUTOR: EBOMI disse:

    LEGAL SEU POST, EU FIZ. Eu queria saber mesmo se isso tambem fica nos comentarios pois eu vejo em alguns sites que nos comentarios de cada pessoa que comenta tem uma imagem diferente, mas worpress.com, sabe fazer isso? ou é do template mesmo

  23. Adelson Smania disse:

    Olá, Ebomi!

    O favicon serve apenas para ser mostrado na barra do navegador ou nos favoritos.

    Quanto a mostrar fotos nos comentários, o Blogger também pode fazer isso, desde que esteja configurado para exibir os comentários em Página Inteira ou Janela Popup. Aqui no Gerenciando, como mostro os comentários abaixo do artigo, ele não exibe. Nesse caso, ele exibe a foto do perfil do autor. Veja um exemplo em meu outro blog: https://www.blogger.com/comment.g?blogID=4475624049552420465&postID=1335891944307297313.

    Um abraço!

  24. Raquel disse:

    Olá Adelson,
    estou tendo problemas para colocar a favicon no meu blog. Já criei a mesma e antes até consegui colocar o link no blog mas aparecia, o favicon da tua página. Até tentei mudar e agora nem isto aparece mais, só dá erro.
    Até baixei o firefox para pendrive para verificar se ali o mesmo abria, já que, no IE e no Chroome não funcionavam.
    O que posso estar fazendo errado? Obrigada.

  25. Rafael Ramos disse:

    Pronto,

    Agora já tenho um favicon!!

    http://www.conhecimentoeti.com

    Abração!

  26. Adelson Smania disse:

    Olá, Rafael!

    Visitei sua página e vi seu favicon. Ficou bem bacana!

    Um abraço!

  27. John disse:

    Olá, muito obrigado!!! Nem sei como agradecer pela ajuda, estive buscando horas na net e não conseguia uma explicação correta…

    MUITO OBRIGADO!!! John.

    http://www.chatt24horas.blogspot.com

  28. Adelson Smania disse:

    Olá, John!

    Que bom que tenha dado certo! Já visitei seu blog e vi seu novo favicon.

    Um abraço e volte sempre!

  29. Luan Morais disse:

    no meu IE está aparecendo o favicon.. mas no mozilla não.. O.o

    no mozilla aparece só quando add aos favoritos, mas logo some..

    no IE está permanecendo =S

    grato pela atenção, abraço !

    meu blog: http://desmitificandoasuplementacao.blogspot.com/

  30. Adelson Smania disse:

    Olá, Luan!

    Pelo que vi no código fonte do seu blog, o código do favicon está bem no início do seu template. Depois da sua instrução, o Blogger adicionou automaticamente seu ícone default.

    Uma possibilidade é você mover, caso ainda não esteja lá, a linha com a instrução do favicon para baixo, para que ela fique logo acima do /head que há no template.

    Se isso não funcionar, envie seu template para [email protected] e eu o verifico para você.

    Um abraço!

  31. Luan Morais disse:

    enviei um e-mail para vocÊ Adelson, muito obrigado pela atenção!

    abraço!

  32. Iúri disse:

    Olá Adelson,

    Acabei de fazer meu favicon e deu certo!
    Na verdade eu o fiz no Gimp, e depois criei o ícone 16×16, utilizando um dos conversores que você sugeriu.

    Grande dica!
    Abraço.

  33. Adelson Smania disse:

    Olá, Iúri!

    Que bom te seu favicon tenha dado certo! Já visite o "Simples Assim" e vi o resultado. Ficou bem bacana!

    Um abraço!

  34. Felipe Lopes disse:

    Hei muito legal isso apanhei um pouco mas consegui, descobri hoje seu blog e ja favoritei ele valeu pela dica.

  35. Adelson Smania disse:

    Olá, Felipe!

    Fico feliz que o artigo lhe tenha sido útil para colocar o favicon em seu blog. Já o visitei e gostei do resultado.

    Um abraço!

  36. Danieru disse:

    Muito obriagado deu muito certo! vcs estão de parabeens encrementou muito minha pagina do blog

  37. Adelson Smania disse:

    Olá, Danieru!

    Visitei seu blog e ficou muito bom o favicon com a guitarra!

    Um abraço e obrigado pela visita!

  38. Wagner Lemos disse:

    Olá…
    Já tentei um bilhão de vezes e não consegui…
    Fiz todos os passos conforme foi informado na postagem, mais acho que o problema está entre a cadeira e o PC! rsss
    Podes me ajudar???

    Obs: Sou um pouco leigo..
    Fico no aguardo!

  39. Adelson Smania disse:

    Olá, Wagner!

    A forma mais fácil para eu ajudá-lo é você me mandar por e-mail ([email protected]) o seu template e o endereço onde você armazenou o seu favicon.

    Um abraço!

  40. Wagner Lemos disse:

    Adelson,
    Boa tarde!

    Mandei no seu e-mail… (não sei se mandei o que você queria)..
    To aprendendo muito com o seu blog!

  41. Wagner Lemos disse:

    Adelson,
    Depois de muito quebrar a cabeça e insistir…
    Eu CONSEGUIIIIIIIIIIIIIIIIIIIIIIII!!!!!

    Agradeço imensamente a paciência!!!!

  42. Adelson Smania disse:

    Olá, Wagner!

    Fico feliz que tenha dado certo! Eram apenas pequenos detalhes que estavam faltando.

    Um abraço e seja sempre bem vindo!

  43. Rubens Junior disse:

    Vlw cara!
    Aqui deu certinho! Um executivo correndo com uma valise e mala

    http://negociadoresaway.blogspot.com/

  44. Adelson Smania disse:

    Olá, Rubens!

    Ficou bem legal seu favicon!

    Um abraço e volte sempre!

  45. ғ0rgəт▬mə▬n0t, disse:

    Puts, é muito fácil! O meu já tá com favicon agoraa! woohoo!

  46. Adelson Smania disse:

    Olá!

    Que bom que tenha achado fácil assim!

    Um abraço!

  47. Jorge Purgly disse:

    Olá Adelson,
    Sempre que nós temos contato com algo novo, ficamos desconfiados. A vida nos ensinou assim.
    Entretanto, tenho a grata alegria de ter conhecido você virtualmente agora e espero que pessoalmente em breve. Alguém que realmente ajuda, que vai atrás, que responde, que participa em público e por e-mail privativo.
    Estou encantado com tanta informação realmente útil e com a maneira que você conduz este blog.
    Criei recentemente um blog de testes e pretendo aprender bastante para poder colocar este aprendizado em prática nos meus blogs.
    Para isso, Adelson, como marinheiro de primeira viagem, conto com tua ajuda inestimável.
    Aproveito a oportunidade para te desejar um Feliz Natal e um Excelente Ano de 2010, pleno de muita Saúde, Harmonia e Prosperidade.
    Você merece!
    Um abraço,
    Jorge
    http://xeesm.com/JorgePurgly
    (clique na parte direita da tabela para escolher o site desejado)

  48. Adelson Smania disse:

    Olá, Jorge!

    Também foi uma grata surpresa conhecê-lo! Graças ao seu primeiro comentário, conhecido o Xeesm e pretendo explorá-lo mais futuramente. Essa troca de informações é muito importante!

    Já conheci seus blogs e são bastante interessantes!

    Que você tenha um ótimo Natal e um 2010 repleto de sucesso.

    Um abraço!

  49. Jorge Purgly disse:

    Caro Adelson, pensei que você fosse sair uns dias de férias.
    Como você está na ativa, gostaria de te perguntar se é interessante publicar o page rank nos blogs.
    Vi um que tinha indicação de page rank no canto superior direito do blog. Como o seu blog deixa de mostrar isso, creio que pode ser irrelevante para o leitor. Qual a sua opinião a respeito?
    Fico feliz de você ter gostado dos meus blogs.
    Estou empenhado em profissionaliza-los e sua opinião é muito importante. Também hoje criei um blog de teste (em off) para evitar riscos ao se testar coisas novas. Você gostaria que eu escrevesse sobre como me tornei blogueiro e o que eu espero para o futuro? Você de certa forma agora faz parte dos meus planos. Gostaria também de escrever como integrei os blogs no meu perfil profissional do Linkedin e como coloquei videos do youtube tambem no Linkedin e como uso o Word Press para divulgar meus outros blogs no twitter e nos meus outros sites de relacionamentos.
    Como você pode observar tenho 6 crias para alimentar. O gerenciamento de comentários me toma bastante tempo pois preciso ir de blog em blog para ver se tenho algum comentário novo.
    Como posso gerenciar melhor os comentários?
    Alias vou participar de um webminar sobre como tirar o melhor do Linkedin com o Jan Vermeiren (em inglês). É no dia 22/12/09 as 18:30, hora daqui. Se você tiver interesse, posso te enviar um convite para participar por e-mail.
    Um forte abraço,
    Jorge
    http://xeesm.com/JorgePurgly

  50. Adelson Smania disse:

    Olá, Jorge!

    Realmente, estou viajando com minha esposa! Estou aproveitando um tempo vago para ler e responder os comentários aqui do Gerenciando Blog.

    Seria bem interessante ouvir sua história! É interessante o enfoque profissional que você dá aos seus blogs. Fico aguardando sua história em meu e-mail.

    Quanto a mostrar ou não o PageRank, isso depende. Primeiro, só vale a pena mostrá-lo caso você tenha um certo nível (digamos 3 ou mais). Mesmo assim, ele pode ser mostrado e muitos dos visitantes nem saberem o que é aquilo. Até pouco tempo atrás, eu mostrava o PR aqui no Gerenciando, mas num local sem grande destaque. Acabei me decidindo por removê-lo. Hoje, entendo-o como um "fator de qualidade" para mim mesmo, sem necessidade de divulgá-lo.

    Eu vi que você cadastrou duas sugestões de artigos para o Gerenciando. Como tratam-se de assuntos extensos, vou explorá-los numa próxima oportunidade.

    Quanto ao seminário do Linkedin, agradeço o convite, mas devido a viagem será impossível participar.

    Um abraço e obrigado por sua participação aqui no Gerenciando!

  51. Jorge Purgly disse:

    Olá Adelson,
    desejo uma viagem maravilhosa na companhia de sua esposa.
    Que você tenha um bom descanso, pois você merece!
    Vou estar te mandando minha história por e-mail, sim.
    Um forte abraço e conte comigo no que eu puder ajudar!

  52. Concentrado disse:

    Mais uma dica bastaante importante, vou tentar fazer, pois cansei de ve a imagem do blogger no meu blog.

  53. Adelson Smania disse:

    Olá, Concentrado!

    O Favicon é um pequeno detalhe, mas que chama a atenção dos visitantes de seu blog. Caso tenha alguma dificuldade, é só me avisar.

    Um abraço!

  54. ' Dαncer Clown disse:

    Olá!
    Eu seguir todos os passos hospedei a imagem no webs, botei o codigo lah no lugar que edita logo antes do head mas como não funcionou já tentei várias vezes mais até agora nada! Se pudesse me ajudar agradeceria muito!

    Brigado, aah e seu blog é ótimo!

  55. Bruno Rocha Teixeira disse:

    Código By http://WWW.DICASBLOGGER.COM.BR
    http://docs.google.com/Doc?id=df9875tg_27fh5b2fhk

    Coloca este código é do Dicas Blogger mais não tem nada de mal em pegar emprestado pede pra Juliana UTILIZO ELE.

    ^^

  56. Adelson Smania disse:

    Olá, Bruno!

    Não entendi bem o seu comentário. O código que mostrei no artigo não funcionou?

    Quanto ao código de outros, concordo que não há mal em mostrá-lo, desde seja sempre citada a fonte. O Dicas Blogger é ótima fonte de informação!

    Um abraço!

  57. FABITO disse:

    olha fera tenho o codigo mais nao sei como alterar o html onde faço isso o meu blog é o blogspot

  58. Adelson Smania disse:

    Olá, Fabito!

    Segue o passo a passo para fazer a alteração do HTML:

    1. Acesse http://www.blogger.com, e entre com seu usuário e senha.

    2. Acesse a opção "Layout" de seu blog.

    3. Entre na pasta "Editar HTML".

    4. Marque a opção "Expandir modelos de widgets".

    5. Selecione TODO o código que aparece abaixo de "Editar Modelo".

    6. Copie e cole esse código em um editor de textos, como o Bloco de Notas. Salve uma cópia desse arquivo, para o caso de precisar voltá-lo.

    7. No editor de textos, faça a alteração que citei no artigo.

    8. Copie todo o texto e cole de volta no Blogger, no mesmo local de onde o copiou.

    9. Clique no botão "Visualizar", para garantir que não há erros no seu HTML.

    10. Se não der erro nenhum, clique em "Salvar Modelo".

    Se ainda tiver dúvidas, me escreva no [email protected].

    Um abraço!

  59. FABITO disse:

    AONDE EU ENCAIXO FILHO O MEU CODIGO, POXA EU ESTOU PERDIDO

  60. FABITO disse:

    olha vou te mandar o meu template e o codigo e vc loca e onde vc colocar deixa em vermelho para mim ver onde estava errando obrigado e parabéns pelo seu blog muito bom

  61. Sheizy Andrade disse:

    Oiiii
    Preciso de um socorro, não consegui hospedar meu favicon naquele site que vc indicou, coloquei no segundo da lista, no entanto quando coloquei no meu blog lá na edição de HTML não funcionou o que faço?
    Obrigadaaaa!!!

  62. Sheizy Andrade disse:

    nusss
    fui mexer com isso, fiz muitas merdas, uma delas foi conseguir retirar o template que estava no meu blog e agora num consigo colocar ele novamente to tomando uma coça aki……… afff
    dá pra mi ajudar a voltar como estava? porque ai nem quero mais tentar colocar um favicon,,rsrsrsrs
    me ajudaaaaaaaaaaaa!!!

  63. FABITO disse:

    olha Adelson consegui colocar ficou muito bom o meu blog com outra cara so tem um problama agora

    quero toda hora colocar um novo (risos) valeu vc é d+

    abraços

  64. Adelson Smania disse:

    Olá, Fabito!

    Que bom que tenha funcionado! Um favicon é um pequeno detalhe que dá mesmo um toque especial ao seu blog.

    Um abraço!

  65. SponXor disse:

    Boas!! Não estou conseguindo, pq não encontro isto:
    <link href='http://gerenciandoblog.webs.com/LogoGB16x16.ico&#39; rel='shortcut icon' typ….

    Podes me ajudar??Obrigado de avanço!!

  66. SponXor disse:

    Obrigado…Mas, já consegui 😉
    estava a colocar no sitio errado.. 😉

    Parabens pelo Tutorial e continua!!

  67. Adelson Smania disse:

    Olá, SponXor!

    Que bom que já tenha resolvido. Se precisar de ajuda, é só me dizer.

    Um abraço!

  68. Priscila Veronica disse:

    Olá,td bem?
    Obrigada pelo tutorial simples e claro,
    tentei com vááários antes do seu e ñ consegui.
    Obrigada mesmo,abraço!

  69. Adelson Smania disse:

    Olá, Priscila!

    Que ótimo que você tenha conseguido colocar seu favicon com este artigo! Faço sempre o possível para deixar as coisas o mais claras possível.

    Um abraço e obrigado pela visita!

  70. Insano disse:

    como faço para hospedar o favicon no site webs e depois conseguir a url ????

  71. Adelson Smania disse:

    Olá, Insano!

    No artigo http://www.gerenciandoblog.com.br/2009/09/webs-otimo-site-para-hospedar-seus.html eu explico com detalhes como inscrever-se no Webs.com e publicar arquivos.

    Um abraço!

  72. Insano disse:

    obrigado pela rapides da resposta, eu já tinha uma conta no WEBS mas ainda não sabia como guardar uma imagem.

  73. Elaine disse:

    Adelson, eu já te disse que sou sua fã?

    Esse post e o passo-a-passo para hospedar arquivos no Webs salvaram o meu dia.

    Valeu… Abraço!

  74. Adelson Smania disse:

    Olá, Elaine!

    Que ótimo que o artigo a tenha ajudado! Estou curioso para ver o favicon em seu blog.

    Um abraço!

  75. Anônimo disse:

    Olá, Adelson!
    Gostaria muito de colocar um favicon no meu blog, porém ainda não consegui. Hospedei o arquivo formato .ICO no web.com, mas quando clico para copiar o endereço simplesmente abre para download e não tem como copiar. O quê eu faço? Obrigada!
    Mari

  76. Adelson Smania disse:

    Olá, Mari!

    Para copiar o endereço do link, basta clicar com o botão direito sobre o nome do arquivo que você enviou para o Webs.com e escolher a opção "Copiar endereço do link".

    Um abraço!

  77. Anônimo disse:

    Adelson, com sua dica consegui colocar o favicon nos meus blogs. Obrigada!Parabéns pelo seu blog.

    Mari

  78. Adelson Smania disse:

    Olá, Mari!

    Que bom que tenha dado certo para você!

    Um abraço e seja sempre bem vinda aqui!

  79. Talik Henrique Cordeiro disse:

    Olá eu não estou conseguindo achar:

    <link href='http://gerenciandoblog.webs.com/LogoGB16x16.ico&#39; rel='shortcut icon' type='image/x-icon'

    Ond acho isso ??? sei que o

    http://gerenciandoblog.webs.com/LogoGB16x16.ico

    não vai der esse mas nem o liNk estou encontrando!!!

  80. Adelson Smania disse:

    Olá, Talik!

    Essa linha não existirá em seu template. Você precisa adicioná-la no local indicado no artigo, substituindo o endereço do favicon pelo seu.

    Um abraço!

  81. Jarismar Andrade disse:

    Ol´s
    tentei colocar o favicon em meu blog mas ao deu mto certo
    é pra colocar antes de " /head mas só achei aki " head (entendeu?)
    Ajuda ae please!!!

  82. Adelson Smania disse:

    Olá, Jarismar!

    Os templates sempre possuem uma tag "head" no início, que é fechada com uma tag "/head". No seu caso, o trecho citado está próximo ao texto window.jstiming.load.tick.

    Se ainda assim não encontrar, me envie um e-mail.

    Um abraço!

  83. [email protected] disse:

    Estou muito agradecido pelas instruções detalhadas que você deu, Adelson, por isso é que eu gosto tanto do Gerenciando Blog!
    No entanto o favicon do Mídia e Ecologia.com só aparece no Firefox, e não no Internet Explorer (no Google Chorome não consegui testar)! Pode me ajudar com isso?

    P.S.: Tentei seguir o conselho que você deu ao Marcos, mas não achei o código http://www.blogger.com/favicon.ico no HTMl do meu blogue, então, de curioso, olhei no código-fonte do Mídia e Ecologia.com e achei, aí olhei o c-f do Gerenciando Blog e achei de novo! Pode me ajudar a entender um negócio desses?

  84. Adelson Smania disse:

    Olá, [email protected]!

    Como estou viajando, estou um pouco limitado na ajuda que posso oferecer. Mas, analisando o seu favicon, encontrei dois pontos que podem explicar porque ele não está aparecendo no IE:

    – Você colocou um arquivo com a extensão PNG. Como citei no arquivo, a extensão ICO é mais aceita e funciona em todos eles. Assim, sugiro a você converter seu favicon para esse formato.

    – Vi que o nome de seu arquivo possui espaços, o que também não funciona em 100% dos casos. Remova os espaços do nome e altere seu HTML.

    Acredito que com essas alterações ele passará a funcionar.

    Um abraço!

  85. [email protected] disse:

    Muito obrigado pela ajuda! Já desconfiava de que o problema era esse, mas só fui praticar hoje, e deu certo! Você faz por merecer o link do Gerenciando Blog que deixei no Mídia e Ecologia.com! 😀

  86. Adelson Smania disse:

    Olá, [email protected]!

    Bom saber que tenha dado certo! E obrigado mais uma vez pela divulgação do Gerenciando Blog!

    Um abraço!

  87. Priscilla Lopes disse:

    Aaai, nao consigo de jeito nenhuum… 🙁
    tipo, quando eu clico no logotipo do webs nao aparece file menage… qq eu faaço ??? me ajuda ?
    obrigaada

  88. espaço de vinicius disse:

    eu fiz tudo oque vc disse mas não apareceu o icone que eu escolhi comtinuou no icone do blogger me ajudaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    me da um help!!!!!!!!!!!

  89. Redator disse:

    Não consegui fazer o upload do meu blog

    me ajude por favor

  90. Adelson Smania disse:

    Olá, Redator!

    Sugiro que você leia o artigo Webs, ótimo site para hospedar seus arquivos. Nele, explico com detalhes como criar uma conta no Webs.com e fazer o upload de arquivos.

    Um abraço!

  91. Hakkyo Hoppier disse:

    Olá, primeiro queria dizer que adorei seu blog, conheci ontem, mas já tem umas vinte abas abertas aqui esperando que eu as leia… Também me candidatei a ser sua parceira. Espero que aceite.

    Mas o ponto é:
    eu conheço um pouco de html, segui o passo-a-passo fielmente, fiz upload no 100MB, deu tudo certo até aí. Depois, fiz a mudança no html do meu blog, mas não surtiu efeito algum, não entendi o porquê. Se você puder me ajudar, ficarei muito grata. Obrigada

  92. Adelson Smania disse:

    Olá, Hakkyo!

    Tenho duas sugestões para você:

    1. Vi que o seu arquivo de favicon tem um espaço no nome dele. Remova esse espaço.

    2. Em seu HTML, coloque o código do favicon logo antes da linha do title de seu blog. Pelo que percebi nos novos templates do Blogger ele não funciona corretamente se ficar no lugar que indiquei neste artigo.

    Faça essas alterações e me avise se deu certo.

    Um abraço!

  93. Bi Barrilari disse:

    Olá,
    fiz tudo o que vc falou, mas mesmo assim não deu certo, quando coloco no html do meu blog, o favicon não muda! Não sei o que posso ter feito de errado, me ajuda???
    Obrigada
    Bianca
    http://www.rotinafashion.com

  94. Adelson Smania disse:

    Olá, Bi!

    Eu vi seu código fonte e sugiro duas alterações:

    1. Ao invés de colocar seu favicon no Dropbox, coloque-o num serviço como o Webs.com. Da forma como ele está hoje, não está acessível. Se tiver dúvidas, leia o artigo Webs, ótimo site para hospedar seus arquivos.

    2. Quanto à posição do código, vi que ele está em dois lugares: no início, antes mesmo do head e no local que indiquei. Coloque-o antes da linha onde há o title.

    Se ainda assim não funcionar, me escreva para [email protected] que eu a ajudarei.

    Um abraço!

  95. João Vítor disse:

    Adelson, eu segui todo o tutorial, mas o simbolo do blogger, continua aparecendo.

  96. Adelson Smania disse:

    Olá, João!

    Quando isso acontece, é porque é necessário alterar o posicionamento do código em seu template. Coloque-o antes da linha onde está o title e funcionará.

    Um abraço!

  97. Camis disse:

    Adelson,
    Adorei seu blog, ele é simples e fácil de entender.
    Infelizmente, não consigo colocar o favicon no meu blog, já tentei de todas as formas e não rola.
    Será que vc pode dar um help!
    http://www.petittcake.com.br
    Muito obrigada!

  98. Adelson Smania disse:

    Olá, Camis!

    Eu visitei o endereço que você deixou, mas não encontrei nele o código do favicon. Você já o colocou lá?

    Um abraço!

  99. Diffusion X disse:

    Estive procurando uma forma de mudar o ícone do blogger e finalmente consegui. Muito obrigado!!!

  100. Adelson Smania disse:

    Olá!

    Fico feliz que tenha dado certo!

    Um abraço e seja sempre bem vindo!

  101. Diego Jonathan disse:

    Tive raiva, pensei em desistir mais após algumas horas consegui, obrigado Adelson!

    Venho aprimorando meu blog aprendendo com o seu, vlw!
    Dá uma olhada no resultado:
    http://www.homem-do-espelho.blogspot.com/

  102. Adelson Smania disse:

    Olá, Diego!

    Que ótimo que não tenha desistindo e tenha conseguido colocar o favicon em seu blog! É um pequeno detalhe, mas que faz diferença a quem visita.

    Um abraço!

  103. Bruno de Almeida disse:

    Nossa cara, valeu. Salvou minha vida. Tomei uma surra no início pra mudar o favicon pelo próprio Blogger, mas aí encontrei seu artigo, que me ensinou a mudar editando o HTML. Valeu mesmo.

    😀

  104. Adelson Smania disse:

    Olá, Bruno!

    Infelizmente, a configuração do favicon pelo próprio Blogger não funciona para todos os templates, especialmente para os mais antigos. Esta dica continua sendo uma solução mais garantida.

    Um abraço e obrigado pela visita!

  105. Paula Torres disse:

    Adelson, ontem apareceu um novo ícone no meu blog com o nome da Favicon. Está muito mais simples. Só é peciso enviar uma imagem de até 100KB e está pronto! Eu ainda não fiz porque não tenha ainda a imagem )-:
    bjs

  106. Adelson Smania disse:

    Olá, Paula!

    Realmente, agora ficou muito mais simples colocar um favicon no Blogger! Mas, como eu disse acima, essa opção não funciona para todos os templates, especialmente os mais antigos. Mas, vale a pena testá-la em seu blog.

    Um abraço!

  107. Paula Torres disse:

    Já testei. No meu blog funcionou direitinho.
    Abç
    Paula

  108. Annynha :* disse:

    Oiie Adelson (:
    coloquei um favicon no meu blog só que aparece somente no navegador "Internet Explorer" :T
    e também no site onde o pequei ele meche mas depois de coloca-lo no meu blog, ele para de mecher,coloquei esse favicon: http://www.favicon.cc/?action=icon&file_id=222871

    e ess é meu blog:http://annynha00.blogspot.com/

    Por favor ,poderia me ajudar?!

  109. Isac Henrique disse:

    Oi… excelente seu blog… ajudou muito… já coloquei o favicon do blog do meu filho, realmente dá outra cara mesmo… ficou ótimo!!
    parabéns pelo seu blog…
    se quiserem acessar e ver como ficou…
    http://www.cacoautomodelismo.blogspot.com

  110. Tessy disse:

    Adelson, outro help!! rsrs
    Eu tentei colocar um favicon no meu blog, mas não consegui… Salvei a imagem do site que vc recomendou no meu computador, depois fui no layout do blog, cliquei em favicon e selecionei o arquivo no meu computador. Cliquei em salvar e ele aparece no layout do blog, naquela parte do Favicon, mas quando abro a pagina do blog, não aparece na barra de endereço. Será que é porque estou usando o safari?
    Caso queira dar uma olhadinha pra ve se entende o "problema", meu blog é http://camarimdatessy.blogspot.com.br
    Penso ter feito tudo certinho…
    Obrigada
    Tessy

    • Adriano Luz disse:

      Olá, Tessy!

      Desculpe-me pela demora para responder seu comentário!

      Mas, vi que hoje o seu favicon já está sendo mostrado corretamente em seu blog.

      Um abraço!

  111. Alessandra Melato disse:

    Boa noite Adelson,

    Infelizmente, não consegui colocar o favicon para funcionar.
    Coloquei algumas informações, inclusive o endereço do meu site.Porém, não consegui mesmo.
    Tenho e-mails da Webs.com.Algo pode comprometer o meu site, devido a essas informações que coloquei lá?
    É possível cancelar as informações?
    Estou com receio de que alterem algo no meu site.

    E se tiver alguma outra forma mais fácil, porque o site da Webs está em inglês e sinceramente não domino muito e fiquei meio perdida.

    Conto com a sua ajuda.

    Agradeço antecipadamente.

    Att,

    Alessandra.

    • Adriano Luz disse:

      Olá, Alessandra!

      Visitei seu blog e vi que seu favicon está funcionando corretamente. Ele não está mais com o favicon padrão do Blogger.

      Quanto ao cadastro no Webs, não há motivos para se preocupar: o fato de ter cadastro seus dados lá não permitirá que eles alterem nada em seu blog.

      Um abraço!

  112. Alessandra Melato disse:

    Ei Adelson,

    Muito obrigada.

    Estou alterando muitas coisas no meu blog e estou diariamente buscando informaões no seu.Tem sido muito útil.

    No Google Chrome não consigo visualizar o favicon, porém quando abro no Internet Explorer eu consigo.Bem que você disse que o navegador pode interferir.

    No mais, tudo de bom e mais uma vez muito obrigada pelas instruções.

    Até mais.

    Alessandra.

  113. Marcelo Marques disse:

    Segui todo o procedimento descrito acima e adivinha o que aconteceu? No IE deu certo, apareceu direitinho o favicon. Agora quando visualizo no chrome, continua aparecendo o símbolo do blogger. O que pode estar causando isto?

  114. New Top Music disse:

    Olá, troquei meu template por um baixado na net e não consigo inserir o favicon de jeito nenhum. Já tentei todos od códigos, inclusive o código fornecido neste site e não obtve êxito. Você pode me ajudar?

  115. Anatomia Dental disse:

    Sempre me salvando!!

  116. Jhully Gabriele S. Blank Barros disse:

    eu não acho a parte que tem que trocar pela facion

    • Adriano Luz disse:

      Olá, Jhully!

      Atualmente, é bem simples mudar o Favicon: acesse a área de Layout do seu blog e você verá um gadget de Favicon. Basta indicar nele a imagem que deve ser usada, sem precisar fazer alterações no seu HTML.

      Um abraço!

  117. Giovanna Pinheiro disse:

    Adelson,
    De novo eu, rsrsrs
    Fiz o Favicon do blog e tentei fazer a hospedagem, não consegui, ai tentei pelo layout(editar), aceitou, mas não apareceu.
    Me enrolei toda.Tem alguma forma mais facil?
    Obrigada
    giovanna

    • Adriano Luz disse:

      Olá, Giovanna!

      Atualmente, a forma mais simples para configurar o favicon é pelo próprio Layout do Blogger. No entanto, já notei que pode demorar algum tempo (dias, em alguns casos) para que ele passe a ser mostrado corretamente.

      Mas, acabo de ver que o favicon já está sendo mostrado corretamente em seu blog! 🙂

      Um abraço!

  118. amorporart disse:

    Oi Adelson, Seu blog tem me ajudado muito na configuração do meu. Hoje estou com um problema: Nos comentários que respondo ou que posto em outro blog e assino com a OpenId, não aparece a imagem do meu favicon e nem o icone do blogger. Aparece esta imagem:http://img1.blogblog.com/img/openid36-rounded.png. (É uma seta apontando para a direita) Por favor me ajude.
    Zélia Dantas

    • Adriano Luz disse:

      Olá, Zélia!

      Até onde sei, esse é o símbolo normal que é mostrado quando se assina um comentário com a OpenID. Só será mostrada a sua imagem se você assinar com a sua Conta do Google.

      Um abraço!

  119. Fernanda Scafi disse:

    Adelson, consegui criar o favicon, mas não consegui colocar no blog! Tentei (no blog de testes) e até consegui colocar o do seu blog rs mas não o meu! Está no dropbox pq eu não consegui usar o webs… tá completamente diferente do que vc escreveu lá no 1o comentário… E tb diferente daqui: http://www.gerenciandoblog.com.br/2009/09/webs-otimo-site-para-hospedar-seus.html. Deixando a imagem no dropbox, como tenho que fazer? Eu criei uma pasta só para o blog e na hora de compartilhar, peguei o link e troquei no html o seu link pelo do dropbox mas não deu certo. Obrigada!

    • Adriano Luz disse:

      Olá, Fernanda!

      Hoje, há uma forma mais simples de colocar o seu favicon no Blogger. Veja na área de Layout que há um gadget com o nome "Favicon". Basta você clicar em "Editar" e selecionar a imagem que será utilizada.

      Não é mais necessário fazer nenhuma modificação em seu HTML após isso.

      Um detalhe é que pode demorar até alguns dias para que ele seja exibido corretamente em seu blog.

      Um abraço!

    • Fernanda Scafi disse:

      Oi Adelson, eu vi mesmo o quadradinho "favicon" no alto à esquerda em "Layout" e desde o dia 16 já tinha colocado no blog de testes e até hoje não apareceu ainda. Coloquei agora no blog oficial, vamos ver quanto tempo demora… O arquivo era .ico… Ou nesse caso tem que ser .jpg?

    • Fernanda Scafi disse:

      Demorou MUITO pra aparecer, mas finalmente apareceu!!!

  120. Bruno Bezerra disse:

    Olá Adelson!,

    Eu fiz um favicon no site http://www.favicon.co.uk há 6 meses atrás (não o hospedei nem no Webs e nem no Google Sites), mas até agora não tive nenhum problema, será que o favicon desaparecerá futuramente?,

    Abraços!.

    • Adriano Luz disse:

      Olá, Bruno!

      É difícil dizer. Tudo depende dessa empresa onde você o criou e hospedou. Se ela não remover o arquivo do ar, você não terá problemas.

      Um abraço!

  121. Ingrid disse:

    Oi Adelson!

    Eu fiz meu favicon, converti ele no site http://www.favicon.co.uk, "armazenei" (hospedei) ele no DropBox, e coloquei o código (junto com a url) no meu html, mas deu algum erro, porque quando fui visualizar meu blog, estava o favicon do Blogger normal… O que eu faço?

  122. Laila das Neves disse:

    Olá Adelson! Ótimo conteúdo, me ajudou muito a esclarecer algumas dúvidas só aconteceu um problema. A prinicpio quando eu colei o código e cliquei visualizar deu tudo certo mas quando voltei a atualizar retornou a imagem do blogger se puder me ajudar rsrs.

  123. Darlis Souza disse:

    se você quer ganha um boa grana extra ou ate mesmo trabalha em casa eu tenho o lugar certo pra você, com certeza você vai ganha uma boa grana só divulgando isso mesmo só divulgando e nada mais
    já pensou em fica o dia todo em casa só divulgando trabalhando 4 horas por dia?
    então o que você ta esperando?
    entra já e se escreva venha fazer parte da minha equipe

    você terá uma renda de ate 8.000 reais por més
    alem de ganhos semanais e muitos mais

    https://www.frpromotora.com/45418458

  124. lua singular disse:

    Olá Adelson

    Eu não fiz nada e de repente apareceu esse favicon no meu blog. Nem sei pra que serve tentei excluir e não consegui e ele voltou.
    É ruim, pra que serve?
    Obrigada
    Lua Singular

Para enviar seu comentário, preencha os campos abaixo:

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.
Quer aprender como R$173.571,73 como Afiliado em 4 meses?Quero Assistir o Vídeo!