Mini Tutorial: Inserindo Favicon no seu site/blog
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é!
 estante hot wheels 110 carrinhos 1 64 ganhe brinde hot… R$ 89,00 Veja Mais |
 mini estante 35 50 para miniaturas escala 1 64 mdf branco… R$ 65,00 Veja Mais |
 mini estante 24 carrinhos hot wheels escala 1 64 branca… R$ 39,00 Veja Mais |
 armario para colecao de mini motos do extra motos… R$ 50,00 Veja Mais |
 estante 176 nichos hot wheels 1 64 compacta brinde mini… R$ 150,00 Veja Mais |
|
| vitrine secundum | |||||
Postado por Carlos em 29/07/2008 às 11:29 am
Veja mais em Dicas
/publicidade
/quem faz?
Carlos Henrique tem 19 anos, é um futuro estudante de Rádio e TV, trabalha como webdesigner freelancer, adora tecnologia, desenha em tudo quanto é lugar, odeia funk e forró, mas curte um bom indie rock. [Twitter - @carlos_teles]
/posts por e-mail
Cadastre-se e receba GRATUITAMENTE as novidades do blog diretamente no seu e-mail!
/o que você deseja?
/posts recentes
/todos os canais
- Animais
- BBB
- Beleza
- Biografias
- Bizarro
- Blogosfera
- Caçando
- Carros
- Celular
- Cinema
- Concursos
- Corpo e Dietas
- Curiosidades
- Destaques
- Dicas
- Dinheiro
- Diversão
- Downloads
- esporte
- Estudos
- Famosos
- Fotos e Imagens
- Impostos
- Informações
- Internet
- Jogos
- Loterias
- Mulheres
- Música
- Nooossa!
- Notícias
- Novelas
- O Blog
- Orkut
- Posts de outros blogs
- promoções
- Receitas
- Saúde
- Sem categoria
- serviços
- Softwares
- Tecnologia
- Trabalho
- Trailers
- Tutoriais
- TV
- Variedades
- Vestibular
- Vídeos
/eu leio
/stats
/links amigos
Adicione o banner do Quinta Categoria no seu blog ou site e tenha seu link aqui! (saiba mais)
Clique na caixa e tecle CTRL+A
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!
Acho favicon algo essencial pra imagem do Blog
Dá um toque final de profissional [metal]
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!
Sono contro. acquisto levitra online What words… A fantasy levitra generico ich beglГјckwГјnsche, Ihr Gedanke ist glГ¤nzend http://www.wikipatterns.com/display/~sclumstreetsboro vendita levitra Ben detto.
Olá, estou tendo problemas! Fiz o icon no site do favicon mesmo, fiz download..tudo normal. Só que não entendo o que queres dizer com "Onde "http://seusite.com.br/favicon.ico" é o ENDEREÇO COMPLETO DO LOCAL onde está o favicon"
Sou extremamente leiga em HTML e similares preciso de ajuda! obrigada!
Olá, realmente um favicon é indispensável, pois através dele o usuario fixa a marca daquele site na cabeça. Belo tutorial
abraços