Mini Tutorial: Inserindo Favicon no seu site/blog

Postado em 29/07/08 por Carlos, na(s) categoria(s) Dicas

Links Patrocinados

Antes de tudo você precisa saber o que é favicon, se já sabe pule este trecho…

Favicon é aquela imagenzinha normalmente exibida na barra de endereços da maioria dos navegadores quando seu site é acessado. Por exemplo, no Firefox:

Essa imagem tem aproximadamente o tamanho de 16×16 px e deve estar em formato .ico (ícone).

Agora que você já sabe o que é favicon segue o tuto!

Na internet há diversos sites que geram favicons para folgados como você e eu automaticamente, ou seja, não precisamos ter o trabalho de criar uma imagem em formato .ico nem nada… Basta ter uma imagem qualquer, de qualquer tamanho, de qualquer extensão (jpg, gif, png).

1° Acesse o site http://www.favicongenerator.com/ ;
2° Separe no seu computador uma imagem que seja ideal para ser o favicon do seu blog ou site;
3° Faça o upload dessa imagem pelo site, assim:

4° - Clique em Generate Favicon!

Pronto seu favicon está feito, agora salve ele no seu computador clicando em "Complete! => Click Here to Download Your Favicon!". Será gerada uma imagem com o nome favicon.ico.

5° - Via FTP, envie o favicon.ico que foi gerado para o seu servidor, de preferência dentro do diretório raiz do seu site.

Finalizando: Se você usa WordPress abra o header.php do seu tema e insira logo início da tag <head> o seguinte código:

<link rel="shortcut icon" href="http://seusite.com.br/favicon.ico" />

Onde "http://seusite.com.br/favicon.ico" é o endereço completo do local onde está o favicon.

Se você não usa WordPress o procedimento é praticamente o mesmo, apenas preocupe-se em inserir <link rel="shortcut icon" href="http://seusite.com.br/favicon.ico" /> dentro das tags <head> e </head>.

Espero que este tuto tenha sido útil, até!

Compartilhe e divulgue este post

Cadastre-se, e receba gratuitamente posts como este diretamente no seu email!

O que você procura?

Faça um pesquisa no blog...

Conteúdo relacionado com "Mini Tutorial: Inserindo Favicon no seu site/blog"

2 Comentários ( Faça um comentário )

Valeu o tuto! Favicon é algo muito simples de ser adicionado à um site ou blog e, na minha opinião, faz bastante diferença.

Vai pro "Melhor da Semana" ^^

Abraços!

Comentário
Cayo Medeiros aka. yogodoshi — 30/07/08 às 11:27
Acho favicon algo essencial pra imagem do Blog
Dá um toque final de profissional
Até recentemente fiz um tutorial para favicons no Blogspot
É um pouco mais tranqüilo do que para wordpress
Mas teu tutor tá mto bom!!
Bem claro pra quem quer aprender
Abs!

Comentário
Laiz — 30/07/08 às 23:10

Feed RSS para os comentários deste post. URL de TrackBack

Faça um comentário

Nome (obrigatório)

E-mail (obrigatório)

Website/Blog/Flickr/Twitter...

Antes de enviar seu comentário, leia!

Antes do seu comentário ser publicado no blog, ele será analisado pelos administradores;
Jamais ofenda outros usuários neste espaço;
Para enviar seu comentário, é obrigatório o preenchimento dos campos "Nome" e "E-mail". Não se preocupe, pois seu e-mail não será publicado no comentário;
Não envie links para sites ou downloads maliciosos;
Não faça comentários muito curtos e/ou sem sentido ou utilidade para o blog;
Se quiser que seu "avatar" apareça no comentário, é necessário cadastrar seu e-mail no Gravatar.com.