Colocar icone na barra de enderecos - favicon

Só agora depois de muitos pedidos, eu tive tempo de postar.
Essa dica é para você que quer colocar o ícone do seu site ou blog na barra de endereços do navegador. como este do meu blog:





é muito fácil, vamos lá?

Para criar seu
favicon, simplesmente visite o site Favicon.cc, e crie seu ícone, você pode também, fazer o upload de uma imagem, para servir de referência. depois de criado, é só você clicar em Download a Favicon.

agora aqui que está a questão X

  • Para usuários do Blogger / Blogspot aqui vai o macete -
Você dever fazer o upload do seu favicon em algum site de hospedagem de fotos.
Recomendo: ( faça o cadastro em algum desses sites, e faça o
upload do seu favicon )

Ripway

Lycos


depois de ter feito o
upload do seu favicon, copie o link direto dele. ex. http://members.lycos.co.uk/fulano/favicon.ico
acrescente o link do seu
favicon, no código abaixo e copie.



Vá nas configurações do seu Blog clique em editar HTML e cole o código do seu
favicon antes do fechamento da tag "head"

Ex.



<head>

//Aqui ficará o código do seu favicon

</head>




  • Para sites comuns, com domínio -
Basta você colocar o seu favicon no diretório raiz do seu site. e pronto.

é só!

Comentários

  1. Antes da tag, podia ser mais especifico, abraço

    ResponderExcluir
  2. Fiz como voçe disse, mas continua a parecer o simbolo B oficial do blogger, e estou no mozilla, obrigado pela sua atenção. Abraço.

    ResponderExcluir
  3. Desculpe o incomodo mais uma vez, dá-me o seuinte erro:

    Não foi possível analisar o seu modelo por não estar bem formado. Certifique-se de que todos os elementos XML estão fechados correctamente.
    Mensagem de erro de XML: The element type "link" must be terminated by the matching end-tag "".

    ResponderExcluir
  4. também deu erro. Usei o FF.

    O pessoal deve lembrar que favicon no IE não funciona!
    É muito difícil. Até a microsoft reconhece isso

    ResponderExcluir
  5. Acho que o código correto dvocê acha em
    http://blogger-tricks.blogspot.com/2006/06/favicon-for-your-blogger-blog.html

    ResponderExcluir
  6. Oi! Não consegui fazer isso :(

    -----------||---------------

    botei seu banner no meu blog:

    nathaliasblog.blogspot.com

    ResponderExcluir
  7. este link só deve funcionar no blogger antigo :T
    gente, se ele taá reclamando que precisa fechar o ''*link'' [/claro, sem o *
    é só no fim da img vocs colocarem */link* mas eu tentei, ele parou de dar a mensagem, mas mesmo assim, o icone continua o mesmo, provavelmente o link que voc deu está errado :T

    ResponderExcluir
  8. Peguei um modelo da Dicas Blogger, da Juliana, e reconhece o meu favicon. Confiram: http://www.missoeseadoracao.net

    ResponderExcluir
  9. Nesse site ai fica muito mais facil,

    http://www.iconj.com/icon_generator.php

    Nele vc faz o upload e ele mesmo te da o codigo para colar no html,[copie a ultima opçao}
    é só colar antes da tag final head
    Obs: vc pode fazer upload de qualquer imagem do seu pc, que ele automaticamente tranforma em icone

    ResponderExcluir
  10. Otimo o link ai do gilson vlw kra


    rafael_gravacoes@hotmail.com
    no meu blog deu certo

    ResponderExcluir

Postar um comentário

Oi ? volte sempre ok ?

se deseja parceria, coloque o banner/link do dedodeouro no seu blog/site e me avise!

um abraço!