Aprenda a colocar um ícone de navegação em seu site


Você já reparou que algumas páginas da internet apresentam um ícone diferente ao lado do endereço da página? Veja por exemplo, o site do UOL que possui o seu logotipo naquele local.

Reprodução

Se você possui um site poderá criar um ícone personalizado baseado em alguma imagem que você tem armazenada no seu micro.

O FavIcon from Pics é um serviço on-line que permite a criação desses ícones. Para produzi-los, basta entrar no site http://www.chami.com/html-kit/services/favicon/.

Lá, deve-se clicar no botão Arquivo ou File que fica ao lado do campo Source Image e selecionar uma imagem que esteja gravada no seu micro.

  Reprodução  

Em seguida, o usuário precisa clicar no botão Generate FavIcon.ico.

Depois de criado, basta clicar no botão “Download” para baixar o resultado ou, se desejar, pode usar o teste instantâneo, que mostra o ícone produzido em uma página real da web. Para tal clique no botão Test in Browser.

Para adicionar o ícone criado ao seu site faça o seguinte: Clique no botão “Download FavIcon”. Especifique um local para salvar o arquivo zipado Depois de extrair o seu conteúdo, copie o arquivo favicon.ico para o local onde sua página web está armazenada e inclua o seguinte código HTML na página.

<head>
<link rel=”shortcut icon” href=”favicon.ico” >
</head>

Se você não é o responsável pela manutenção do site, envie esse código e a imagem gerada para quem faz a atualização da página.

Anúncios

3 Respostas

  1. Olá

    Segui todos os passos para criar o ícone da minha página, mas ele não aparece.

    O que pode ser??? Grato!!!

  2. eu coloquei o codigo do jeito que vc falaram mais nao deu certo alguem pode me explicar o que poderia ser

  3. Funcionou com o firefox, mas não com o internet explorer.

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: