Celulares / iPhone | Máquinas digitais | Notebooks | Netbooks | PS3 - Wii - XBOX | Jogos DVD / Bluray


Mini Tutorial: Inserindo Favicon no seu site/blog

Postado em 29/07/2008 - Arquivado em Dicas


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).

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

– 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.

– 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é!

filhotes de maltes femea mini
filhotes de maltes femea mini
R$ 700,00
Veja Mais
shih tzu e maltes lindos e selecionados filhotes enviamos via aerea no menor custo
shih tzu e maltes lindos e selecionados filhotes enviamos…
R$ 800,00
Veja Mais
belissimos filhotes machos de maltes micrinhos show
belissimos filhotes machos de maltes micrinhos show
R$ 900,00
Veja Mais
belissimas femeas de maltes micrinhas show
belissimas femeas de maltes micrinhas show
R$ 1600,00
Veja Mais
maltesas glamourosas maravilhosas perfeitas canil cherry by masson rose masson regina masson
maltesas glamourosas maravilhosas perfeitas canil cherry by…
R$ 1650,00
Veja Mais
vitrine secundum
script blog em portugues plugins admin 150 super temas
script blog em portugues plugins admin 150 super temas
R$ 45,00
Veja Mais
loja virtual portal imobiliaria classificados loja sistemas em php e asp locadora revenda de autos blog jornal
loja virtual portal imobiliaria classificados loja sistemas…
R$ 15,00
Veja Mais
formularios em php para usar em seu website blog e portal
formularios em php para usar em seu website blog e portal
R$ 18,00
Veja Mais
1000 wordpress templates para blog originais 2010
1000 wordpress templates para blog originais 2010
R$ 100,00
Veja Mais
aumente sua renda vendo blog pronto com otimos redimentos
aumente sua renda vendo blog pronto com otimos redimentos
R$ 2100,00
Veja Mais
vitrine secundum


Receba GRÁTIS por e-mail novidades sobre Mini Tutorial: Inserindo Favicon no seu site/blog!

Não esqueça de confirmar sua inscrição no link de confirmação que virá no e-mail

5 comentários to “Mini Tutorial: Inserindo Favicon no seu site/blog”

  1. 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!

  2. Laiz disse:

    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!

  3. babSotogene disse:

    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.

  4. Laura disse:

    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!

  5. Olá, realmente um favicon é indispensável, pois através dele o usuario fixa a marca daquele site na cabeça. Belo tutorial

    abraços

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 comentário que infrinja alguma lei será de total responsabilidade do autor do mesmo.