Crie seu próprio Favicon

PUBLICIDADE

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;

PUBLICIDADE

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.

PUBLICIDADE

Leia também:

11 Comentários

  • Wellington, o intuito do blog é esse mesmo,

    Não deixe de apresentar seu site/blog para vermos como ficou com seu próprio favicon, o meu funcionou e tá rodando que é uma beleza !

    Abs;

  • Muito obrigo faz tempo q eu procuro fazer meus proprios icones

  • Fala Diego,

    O Mundo das Tribos, agradece 🙂

    []s

  • Bom conselho, vou tomar em conta.

  • Pra vocês que gostaram, não deixem de comentar, falando se a dica funcionou, ou se já sabiam criar seu próprio Favicon.

    []s

  • Sim Adriano, esste site também tem o recurso de gerar um “Faveicon” é no mesmo estilo do site que indiquei lá em cima.

    Obrigado por mandar este link também 🙂

    []s

  • Há um outro serviço similar a esse…. o http://www.favicon.co.uk

  • Fala Alex,

    Obrigado por complementar o contéudo, já adicionei lá em observações.

    []s

  • Olá Paulo acrescente aí que tem que se indicar o caminho do icon,senão não funciona.

  • Olá Daniela,

    Eu que agradeço, o intuito do blog é este mesmo, trazer CONTÉUDO relevante para seus leitores.

    Não deixe de comentar se a dica funcionou ok ?

    []s

  • Estava a tempos procurando um artigo sobre isso. Vou correndo fazer o me. Gracias.

Comentários fechados

Os comentários desse post foram encerrados.