Crie seu próprio Favicon

Favicon, nada mais são do que icones personalizados, que aparecem na barra de endereços dos navegadores.

Por que eu preciso de um ?

Marcar sua identidade, através do faveicon você fixa um marca ao blog, veja como é o favicon do Mundo das Tribos;

Viram só? então toda vez que alguém acessar o blog irá aparecer este “icone” na barre de endereços.

Para criar um é bem simples, veja como:

  • Crie uma imagem de sua preferência, pode ser salva como jpge ou gif, pode-se utilizar qualquer editor de imagens para isto. (Lembrando que Photoshop não salva em extensão ico)
  • Depois de criado a imagem de sua escolha, temos que transformá-la em icone, para isso utilizaremos o recurso no site, Chami.com’s Favicon Tool page.
  • No site, utilize a opção “browser”, selecione a imagem que criou, e clique na opção “Generate Favicon”
  • Vocês podem testá-lo no navegador para visualizar como fica, salve então no computador o arquivo gerado e copie linha de código <link rel=”shortcut icon” href=”favicon.ico” > para utilizarmos logo mais.
  • Realize um “upload” do arquivo que acadou de salvar para o diretório raiz de seu servidor (na maioria das vezes é o public_html)
  • Se você utiliza wordpress abra o header.php e insira o código entre as tags <head>…</head>
  • No meu caso ficou assim: <head><link rel=”shortcut icon” href=”/favicon.ico”>… </head>
  • Salve as alterações

Obs: Não esqueça de indicar o caminho do faveicon se não a dica não funciona < link rel=”shortcut iconhref=”caminho/favicon.ico”>

Qualquer dúvida utilize os comentários.

Agora vocês também podem criar seus próprios Favicon para seu site/blog.

11 Comments - Add Comment

Reply