Favicon, abreviação para ‘Favorite Icon’, são pequenas imagens no formato *.ico que estão associados com um site ou uma página. Esses ícones são criados para melhor identificar o site e para facilitar a localização do mesmo em uma lista de favoritos.Muitos criam seu Blog mas esquecem de mexer nesse detalhe, muitas vezes por não saber como colocar ou mesmo por não achar importante;Para muita gente, quando adiciona seu blog aos favoritos, fica muito mais fácil achar seu blog quando se tem um ícone personalizado, pois seu ícone vai aparecer nos favoritos como se fosse uma marca registrada do seu site, ajudando os seus visitantes a identificar seu blog muito mais rápido;Use imagem nas dimensões 16×16 pixel, tamanhos maiores como 24×24, 32×32 entre outros, também podem ser usados;Imagens com tamanho maior serão reduzidas para o tamanho 16x16
Onde criar seu Favicon.ico?Para criar seu favicon você deve usar programas de imagem como o
Ginp ou mesmo editores de imagens próprios para ícones como o
IcoFx,Ou programas online para criar seu ícone;Aqui tem alguns programas online para criação de favicon
http://www.favicon.ru/enhttp://shaheeilyas.com/favicon/http://www.antifavicon.com/http://www.favicontool.com/http://www.favicon.cc/o maior problema em criar o seu favicon no formato ICO é onde hospedar seu ícone;São pucos sites de hospedagem gratuitas que aceita o formato ICO;Um site que aceita hospedar no formato ICO é o
Yahoo!GeoCities;Achei esse site
ConvertIcon que converte suas imagem já hospedada no formato PNG para o formato ICO, foi nesse site que criei meu ícone, só não sei se ele tem algum limite de transferência, mas por enquanto ta funcionando bem;
Onde colocar o codigo no HTML?Faça login no Blogger, clique em
“Modelo” e depois em
“Editar HTML”Procura a tag <head>, insira os dois elementos “link” logo após a tag <head><link rel="shortcut icon" href="
http://url.do seu icone" type="image/x-icon"/><link rel="icon" href="
http://url.do seu icone" type="image/x-icon"/>Substitua a parte em vermelho pelo endereço url da sua imagem.Pronto agora é só salvar e ver a marca do seu site na barra de endereço
11 comentários:
Aqui foi o único lugar, com uma explicação possível de ser entendida, que eu achei. Obrigado pela dica!
;-)
vlwzão, a moh tempão to procurando e nao achei em lugar nenhum tão explicado como aki.
Olha ai como ficou o meu!!!
brigadão.
abraços !
Teu ícone sumiu cara.
O converticon é muito ruim porque hospeda apenas por algumas horas.
Alem do mais o IE7 as vezes não mostra o ícone!
esse converticon é ruim mesmo so hospeda um tempo depois some de vez
Gente eu consegui esse site, é o melhor de todos: ele transforma imagem em formato .ico hospeda e manda o link e aí é só vc colocar no código.
http://faviconsfor.us/
veja o exemplo no meu blog.
Coloquei o tag mas só está funcionando nas páginas secundárias... na página inicial não aparece. Qual pode ser o problema?
Carai eu nao to dando conta eu coloco o codigo e tudo sertin + da um erro ese ai>>>(Mais de um item encontrado com o id: HTML6. Os IDs de itens devem ser únicos e exclusivos.)alguem pode me ajudar ???
Fiz tudo direitinho. Hospedei no GeoCities, mas nada aconteceu. Não apareceu nada!!
Veja esta IMG, depois dessa não tem mais erro em adicionar um favicon.
http://img516.imageshack.us/img516/2899/comoadicionarfaviconon1.jpg
qualquer duvida entra no meu blog e deixa comentario!
http://donyshare.blogspot.com
Olha ficou mt show meu site fiz um de jogo se quiser saber mais é so acessar para conferir tenho certeza que vão amar principalmente os meninos pois é tipow um site de luta mt 10 é so clicar aqui :
http://s.br.gladiatus.com/game/c.php?uid=132879
acessemmmm!!!! Rapido!!
Postar um comentário