Criando um favicon incon

Para quem não sabe o que é um favicon, é aquele icone que fica antes da url da página visitada, por exemplo o favicon do blogger é esse:

O Favicon é uma imagem no formato .ico no tamanho 16×16px.

Se você quiser trocar o favicon do seu blog você primeiro terá que fazer uma imagem em qualquer formato, recomendo o formato .png, para preservar a qualidade da imagem, no tamanho 16×16px.

Após ter feito a imagem entre nesse site: http://www.favicon.cc/

Procure por Import Image, faça o up load de sua imagem e depois baixea.

Agora você terá que hospedar o arquivo no formato .ico que você baixou. Você pode hospedar um um servidor gratuito como o http://pages.google.com/ ou http://www.xpg.com.br/

Atenção: Não serve sites de Share como por exemplo e easyshare ou rapidshare

Após fazer a hospedagem do arquivo copie a url e cole no local indicado neste código:


  • <link href='COLE A URL DO ARQUIVO AQUI' rel='shortcut icon' type='image/x-icon'/>

Depois cole esse código depois da tag HEAD no seu blog, visualize pra ver se deu certo, caso sim salve.

19 comentários:

KGeo disse...

mutio obrigado pela dica

Anônimo disse...

Interessante, vou tentar fazer =]

Rosangela A. Santos disse...

Tem muita coisa boa pra encrementar ..
Adorei .. e vou voltar sempre .. rsrs

abç.

Unknown disse...

e esse código?
o q q eu faço com ele?
rs...
bota como widget no blog?

--
www.moolegal.wordpress.com

Dragocinovic disse...

pois eh, onde eu coloco esse código?

Administrador disse...

Desculpa, já corrigir o erro!!!


O código deve ser colocado depois tag HEAD no seu blog, visualize pra ver se deu certo, caso sim salve.

abraço a todos voltem sempre!

Lucas M. disse...

po cara ter um proprio favicon hehehe,pense na vantagem, mas eu queria aprender a fazer banner, será que vc tem como ensinar, ou já tem em alguma parte de seu blog?

Chitu xD disse...

Poxa cara, paguei um pau pra esse blog, add nos favoritos jah.

Acc parceria velho?

Administrador disse...

Lucas M.

Olá amigo!!!
para criar o arquivo de imagem do seu banner, você tem que usar o PhotoShop ou o CorelDrow.

quando vc já tiver este arquivo de imagem em gif. siga os passos neste link
Criando um Link-me para o Blog!



Grande Abraço

Lucas M. disse...

po cara valeu mesmo, tava precisando meu problem agora é deixar em Rich Text pra poder o povo pegar e botar no blog, eu to tentando me virar aí mas se puder me ajudar agradeço
olha só
eu q to postando no seu blog,e eu q to pedindo ajuda
irônico
kkk

Anônimo disse...

Já conhecia este código e uso lá no blog.

--

Passa lá no Dando Play
Os melhores vídeos da web.

DandoPlay.blogspot.com

Flávio Pinheiro disse...

Boa dica....Já queria isso aí a um tempão....Vlw......

Anônimo disse...

ja li varios tutoriasi, ensinando ocmo fazer mais nunca acerto, vou tentar mais uma vez,valeu pela dica

Fernanda_Reis36 disse...

Suas dicas são muito bôas , voltarei sempre e sempre.

Unknown disse...

Cara,quando eu vou fazer o Dowload do Favicon,aparece q o Windowns não tem nenhuma ferramenta para abrir o arquivo,oq q eu faço?

http://ownedando.blogspot.com/

Inforblog disse...

MAÇA AS DICAS AE POW
VLW

Anônimo disse...

Nenhum dos servidores gratuitos que você indicou aceitam arquivos .ico

Estou fazendo algo errado? Existem outros servidores?

Edison Waetge Jr disse...

Com o perdão da ignorância, onde eu acho essa tag HEAD?

EQuipe disse...

pÔ. parabens.
Eu sabia que ia encontrar uma orientação precisa e simples!!!!!!!
Valeu.
patrickernane

Postar um comentário

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | coupon codes