Criando um Favicon
Wednesday, April 4, 2007 11:08Se voce esta usando Firefox ou Internet Explorer 7.0, voce provavelmente esta vendo la em cima na linha do endereco dessa pagina uma pequena imagem, mais precisamente um beija-flor simbolo do LoginStyle. Essa imagem recebe o nome de favicon, apreviatura para favorite icon.
Entao voce sabe como fazer isso??? Quer aprender???
1) Escolha uma imagem, de preferencia nao muito grande para nao perder a definicao. Imagens com extensao GIF ou PNG funcinam melhor, mas JPG tambem eh possivel. Salve essa imagem com o nome: favicon
2) Va nessa pagina aqui: 
, carregue seu favicon e clique no botao: create Icon.
3) Vai aparecer logo abaixo um botao azul “download favicon”, clique nele e salve num diretorio que voce possa achar facilmente.
AGORA MUITA ATENCAO:
4) Usando FTP transfira o favicon, que agora tem a extensao: “.ico” (sem essa extensao nao vai funcionar), no seu servidor na pasta de html public, ou www.
5) Va no seu Blog, ou webpage, e cole o seguite codigo:
"<link rel="shortcut icon" href="/favicon.ico" />"
(nao esqueca de retirar as aspas “”) entre as tags “<head></head>”, que usa o Wordpress tem que fazer isso no arquivo header.php
PRONTO, eh so dar um reflesh na pagin e o favicon deve aparecer ao lado do seu endereco na web.
LEMBRE-SE: Quando trocar o template voce precisa recolocar o codigo no novo.
photos&fatos : Blog Archive : muito por pouco says:
April 4th, 2007 at 12:17 pm
[...] de atualizar o LoginStyle ensiando a criar um favicon, essa imagenzinha ao lado do endereco da pagina la emcima, ah! nao ta vendo??? – Muda de browser! Firefox, ou faz o update porque o IE 7.0 esta muito bom! [...]
MaÃra says:
April 4th, 2007 at 2:43 pm
Que legal Ale! Sempre quis colocar um favicon no Caravela e não sabia como! Adorei a dica, agora vou procurar um icon que tenha a ver com o meu blog e testar!!
Adorei!
Bjão
[Reply]
nanda says:
April 4th, 2007 at 3:29 pm
O site meter me enganouuuuuu
AIUhaiuHAIu
Eu quero mais visitantes ehehehhe
rsss
Adorei o novo site do WP Brasil. O máximo.
Beijos
[Reply]
Norberto Kawakami says:
April 4th, 2007 at 10:30 pm
Valeu a dica! Como tudo está ficando online, estava faltando algum site que fizesse isto… criar Ãcones a partir de imagens…
abraços
[Reply]
Maitê says:
April 9th, 2007 at 9:22 pm
Oi!
Eu tentei fazer e colocar isso no meu blog, mas não consigo colocar nem isso, nem vÃdeo do you tube
Abs
[Reply]
Lys says:
May 17th, 2007 at 11:28 pm
Eita !!! Consegui !!!!
No meu computador o favicon nao aparece mas no do Edu esta aparecendo !!! Eba !
Valeu Ale por mais esta dica.
Acho que ja estou em dia com as licoes de casa… agora vou esperar as proximas dicas que voce inventar por ai.
Lys
[Reply]
ygo says:
April 8th, 2008 at 12:23 am
em que ponto do template coloco esse codigo????
no blogspot tem como fazer isso??
alguem me ajuda ai….
agradeço!!!
[Reply]
AleB Reply:
April 8th, 2008 at 7:03 am
em que ponto do template coloco esse codigo????
”R – A resposta ja esta no texto, mas copio aqui:
no template entre as tags “
no blogspot tem como fazer isso??
R – A unica diferenca no blogspot eh que a imagem precisa ser hospedada externamente num site de imagens, e o link precisa ser editado com o endereco correto de onde a imagem esta localizada.
[Reply]