Um recurso bem simples e sem “muita” importância, é o de adicionar um ícone personalizado do seu site no navegador do usuário.
É algo bem simples de se fazer, e que já foi adotado por praticamente todos os grandes sites. Inclusive pelo google, que abriu o ano de 2009 com seu novo ícone de navegador feito por um brasileiro.
Esses ícones são bons pois ajudam na identidade visual do seu site. Além de facilitar a identificação do mesmo quando este está numa lista de favoritos muito extensa ou aberto no navegador junto com diversos outros sites.
Primeira coisa que você deve fazer é criar seu ícone 16×16 ou 32×32 no formato .ico e com o nome favicon para que fique padronizado.
Jogue o arquivo na sua pasta public_html também chamada de www. Geralmente isto é feito usando um cliente de FTP.
No seu arquivo html adicione a seguinte linha ao cabeçalho (header).
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
Lembrando que a barra invertida no final da linha é apenas se você estiver usando o padrão (x)html, caso contrário retire a barra.
Para entender melhor veja o post usando atributos doctype corretamente.
Basicamente é isso. Simples assim. Você pode ver o efeito aqui mesmo no blog, o ícone foi criado por mim. Talvez não funcione em alguns browsers, como o nosso querido amigo IE6.
Sucesso!
MarioSAM é faixa preta 2Dan de Taekwondo. Entusiasta do marketing online. Especulador do mercado financeiro. Projetista web com certificação SCJP da SUN. Com 10 anos de experiência em desenvolvimento de sistemas. 
Loading...