Oiii'. Hoje finalmente vim postar mais um tutorial! Vou ensinar a vocês como colocar um favicon no seu site/blog, conforme eu prometi.

1º - Bem, o primeiro passo é criar sua imagem, mas se você preferir existem sites que já disponibilizam alguns modelos.  Aqui vão dois: Favicon.cc e IconJ .
       Se você optou por criar sua imagem, fique atento a alguns detalhes: um favicon normalmente tem tamanho 16x16 e fundo trasparente. Para criar a imagem use o editor de sua preferência (Photoshop, Photofiltre...). Use sua criatividade, mas não se esqueça que o fundo deve ser transparente. Eu não tenho photoshop, só uso photofiltre  simplesmente porque o Studio não pega no meu pc por um motivo desconhecido. Como eu sei que a maioria de vocês deve usar o Photoshop, segue aí mais um tutorial do My Nothing de como tirar o fundo da imagem, pra que ela fique transparente. Se você preferir usar o Photofiltre, é bem simples fazer isso. Siga os mesmos passos que no photoshop, mas ao invés de deletar o fundo você deve ir em:

 


      Não esqueça de salvar sua imagem no formato .png! Você pode usar também imagens no formato .gif animado mas só vai funcionar no Mozilla Firefox.


- Se o seu editor de imagens não salva no formato .ico ( meu caso ), então você terá que converter sua imagem para esse formato. Isso pode ser feito com a ajuda do site IconJ . Nele, sua imagem será convertida para .ico e será hospedada. Saiba que nem o photobucket e nem o imageshack hospedam esse formato.  [Outro site que converte as imagens para .ico é o DynamicDrive, mas ele apenas converte, o que pode servir para outras finalidades] 


3º- Para colocar favicons em seu site/blog  você pode utilizar o código base abaixo colocando no lugar de URL da imagem o URL do seu favicon ou pode usar o código fornecido pelo próprio IconJ:


CÓDIGO PARA FAVICON



       Coloque o código entre as tags . Para usuários do Blogspot, o código deve ser colocado depois de .

É isso.
Kissus.

Atualização - 19.10.10