Page copy protected against web site content infringement by Copyscape

Criando um Favicon

Se 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: Favicon maker- Create a favicon from any image, 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.

Espalhe e divirta-se:
  • del.icio.us
  • Technorati
  • Digg
  • Facebook
  • Google
  • TwitThis

Leia outros Posts relacionados

If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.

RSS feed | Trackback URI

8 Comentários »

2007-04-04 12:17:13

[...] 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! [...]

 
Comentado por Maíra
2007-04-04 14:43:24

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!! :-D Adorei!
Bjão

 
Comentado por nanda
2007-04-04 15:29:40

O site meter me enganouuuuuu
AIUhaiuHAIu
Eu quero mais visitantes ehehehhe
rsss
Adorei o novo site do WP Brasil. O máximo.
Beijos

 
Comentado por Norberto Kawakami
2007-04-04 22:30:58

Valeu a dica! Como tudo está ficando online, estava faltando algum site que fizesse isto… criar ícones a partir de imagens…

abraços

 
Comentado por Maitê
2007-04-09 21:22:07

Oi!

Eu tentei fazer e colocar isso no meu blog, mas não consigo colocar nem isso, nem vídeo do you tube

Abs

 
Comentado por Lys
2007-05-17 23:28:13

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

 
Comentado por ygo
2008-04-08 00:23:08

em que ponto do template coloco esse codigo????
no blogspot tem como fazer isso??
alguem me ajuda ai….
agradeço!!!

Comentado por AleB
2008-04-08 07:03:21

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.

 
 
Nome (requerido)
E-mail (requerido - não distribuído)
URI
Your Comment Tamanho da letra ( pequeno | grande)
Você pode usar <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> nos seus comentários.