Colocar icone na barra de enderecos – favicon





Tutoriais

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ó!

Gostou? Veja mais:

      10 Comentários

    • joao disse:

      Cara na parte do html mela tudo olha a mensagem que aprce:
      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: Element type “link” must be followed by either attribute specifications, “>” or “/>”.
      me ajuda por favor

    • Luiza disse:

      consegui fazer tudo, exceto a parte ”

      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.

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

      Pois eu não estou achando a tag , só a tag
      aí eu colo o código do meu favicon, e eu mesmo escrevo
      aí está aparecendo a seguinte 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: The element type “link” must be terminated by the matching end-tag “”.

      aí eu vi que o “joao” está com a mesma dúvida, e eu não entendi a explicação que você deu a ele !

      Desde já, Grata !

    • Carmen disse:

      Oi, no meu caso que é um site com domínio registrado, como coloco na pasta raiz? pode me ajudar? Meu site é criado em frontpage e faço alterações todos os dias, publico direto pois meu hospedeiro é o HPHost
      Obrigada
      Carmen

    • sonia disse:

      cuido de um blog e tentei fazer o que vc disse, mas não sei muito…
      qdo faço o que vc diz, dá o mesmo erro. tentei tirar as aspas (“), pq acima vc diz “seu favicon aqui”, mas não consegui.fui em editar html e achei mas não tinha o abaixo. onde eu coloco? e qdo colocar, coloco do lado ou abaixo? atlvez eu não tenha acha isso no editar html… existe alguma maneira, atalho pot teclas, prá achar o lugar do no HMTL? por favor, se puder ajudar, agradeço muuiiito!
      eu já consegui colocar a imagem na aba, agora quero colocar antes do www.
      =)
      sonia

    • sonia disse:

      desculpe, tinha alguns erros no outro comentário:
      cuido de um blog e tentei fazer o que vc disse, mas não sei muito essas coisa…
      qdo faço o que vc diz, dá o mesmo erro como descreveram acima. tentei tirar as aspas (“), pq acima vc diz “seu favicon aqui”, mas não consegui.fui em editar html e achei mas não tinha o abaixo, o .

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

      onde eu coloco? e qdo colocar, coloco do lado ou abaixo? talvez eu não tenha achado isso no editar html… existe alguma maneira, atalho pot teclas, prá achar o lugar certo no HMTL? por favor, se puder ajudar, agradeço muuiiito!
      eu já consegui colocar a imagem na aba, agora quero colocar antes do www.
      =)
      sonia

    • Rfa disse:

      FAÇAM O CADASTRO NESSE SITE <> ELE JÁ GERA O HTML PRA COLOCAR NO SITE, E COMO TEM QUE FAZER O CADASTRO, NÃO PRECISA DEPOIS HOSPEDAR A IMAGEM EM OUTRO LUGAR.

      MUITO FÁCIL!

    • Luiz disse:

      Otimo,muito bom mesmo!^^

    Faça um comentário

    Rastreio

    Deixe o seu trackback