tutorial Favicon

*Primeiro ache uma imagem pequena do seu gosto!

*Segundo hospede ela em um servidor(de imagens)sugestão é:"http://imageshack.us" sem aspas se der erro digite www.google.com.br e pesquise imageshack e clique no primeiro resultado que der.

*depois vai arquivo(no imageshack) coloque imagem pequena que vc pegou e abrir ,selecione o menor numero de resolução da imagem(100x75-avatar) e depoisva em "host it!"



*Depois de hospedada clicle em "+ Show Advanced Linking" (lá vai estar sem aspas)

e pege o url que aparecer.



*Agora vamos começar o processo com blogger

*va em layout depois em editar html procure pelo codigo mostrado na imagem acima.

*embaixo dele coloque:







<"link"(sem aspas) href='seu url copiado aqui'rel='shortcut icon'/>

<"link"(sem aspas) href='seu url copiado aqui'rel='shortcut icon'/>



OBS: Nos espaços:seu url copiado aqui,coloque nos dois espaços o url copiado.



por exemplo:

##<"link"(se copiar tire as aspas) href='http://img368.imageshack.us/img368/9942/sonicintornadoxc2.gif' rel='shortcut icon'/>##

<"link"(se copiar tire as aspas) href='http://img368.imageshack.us/img368/9942/sonicintornadoxc2.gif' rel='shortcut icon'/>

tá



agora no primero espaço que está marcado com um # ao invés de gif ou o que tiver lá coloque .ico feito isso vc pode visualizar e salvar!

Créditos



Tiago[ADM]



Favicon é aquele iconezinho, que aparece antes do endereço de um site ou blog.



Para personalizar seu favicon,crie uma imagem em 16 x 16 pixels, salve em PNG e faça o upload no servidor de sua preferência.(Eu uso o ImageShack)



Vá no html do seu template e procure por:



]]></b:skin>



Insira o seguinte código:





<link href="'http://SUAIMAGEM.png'" rel="'shortcut">



No lugar de "SUAIMAGEM.png" coloque o url fonecido pelo seu servidor