Como Colocar um Favicon no site/blog
Afinal para que ele serve?
Bom um Favicon nada mais é do que uma miniatura de sua Logo nas Abas dos navegadores e que também é visto na barra de endereço antes do endereço de seu site.
Um favicon serve para que o internauta fixe ainda mais a sua marca assim ficando mais fácil de identificala e mais avontade para acessar a sua página com tranquilidade.
Uma ultima observação antes deste pequeno tutorial é que ao salvar a página que tem um favicon nos favoritos o favicon fica visível para o internauta. Assim podemos observar a realidade do páragrafo acima.
Bom chega de blablabla e mãos a obra.
O primeiro passo antes de tudo é ter o favicon.ico ou favicon.gif ja hospedado no servidor de seu site.
Não tenho favicon.ico como faço um?
Para se criar um favicon.ico basta acessar sites que disponibilizam ferramentas e criam através da imagem enviada o favicon.ico ou ate mesmo o favicon.gif.
Recomendo a utilização do site http://www.html-kit.com/favicon/
la é bem simples de se criar e fazer o download do favicon. Basta enviar a imagem em que deseja se ter o favicon e pronto ele te mostra como fica e basta fazer o download do favicon.
O segundo passo ja com o favicon hospedado no servidor de seu site é coloca-lo no site. Como fazer? Basta colocar um dos seguintes trechos de código entre as tags <head> e </head>.
Usando o favicon.ico colocar o código abaixo:
<link rel=”shortcut icon” href=”favicon.ico”>
Usando o favicon.gif colocar o código abaixo:
<link rel=”icon” type=”image/gif” href=”animated_favicon1.gif”>
Para usuários do blogspot é um pouco diferente.
Basta colar um dos trechos de código acima depois da linha ]]></b:skin>
Caso de erro ao salvar o código basta incluir </link> após o código adicionado.
