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é!
Receba Mini Tutorial: Inserindo Favicon no seu site/blog por e-mail!
Não esqueça de confirmar sua inscrição no link de confirmação que virá no e-mail
Comentários
Faça um comentário
ATENÇÃO:Por favor, não utilize este espaço para fazer ofensas ou desrespeitar alguém. Use o bom senso ao comentar. Qualquer coisa que escrita no comentário será de total responsabilidade do autor do mesmo.
Não use este espaço para postar dados pessoais como endereço, telefone e celular. Eles serão automaticamente apagados do sistema.
Canais
Newsletter Grátis
Cadastre-se e receba as novidades e atualizações do blog diretamente no seu e-mail!
Feed
Arquivos
Stats
usuários onlineQuinta Categoria - © 2008-2010 - Todos os direitos reservados
O Quinta Categoria foi feito orgulhosamente com WordPress. Desenvolvido por Carlos Henrique Webdesigner
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