Depois de muita gente ter aprovado o meu post com as colors eu fiquei empolgadissima com vces e resolvi ent�o fazer esse tutorial suuuuper facil de como criar o seu favicon personalizado, sem usar o photoshop ou qualquer outro programa de edi��o, ou seja, qualquer um pode fazer.
Pra quem n�o sabe, favicon � aquela imagem pequenininha que fica na aba do local onde voc� est�, ou ao lado do endere�o (onde a gente digita o site). Os favicons animados (tipo gifs) s� funcionam no firefox, ent�o eu recomendo que fa�am normais mesmo, pra que todo mundo possa ver.
Bom, voc� vai escolher, se voc� quer ou n�o que tenha um desenho no seu favicon, um cora��o, uma flor, etc.. no nosso favicon aqui do flog, � um bigode por exemplo... e ai voc� vai procur�-lo. Dicas de sites que t�m esses pequenos pixeis s�o: 01 | 02 | 03 | 04 Lembrando que � bom pegar um que n�o tenha movimento e encontre o menor pixel que der, assim vai ter espa�o pra que voc� escreva o nome do seu flog por exemplo.Depois de salvar a pequena imagem, voc� vai abrir o seguinte site: favicon.cc
L�, voc� vai se registrar, como na imagem:
Pra quem n�o sabe, favicon � aquela imagem pequenininha que fica na aba do local onde voc� est�, ou ao lado do endere�o (onde a gente digita o site). Os favicons animados (tipo gifs) s� funcionam no firefox, ent�o eu recomendo que fa�am normais mesmo, pra que todo mundo possa ver.
Bom, voc� vai escolher, se voc� quer ou n�o que tenha um desenho no seu favicon, um cora��o, uma flor, etc.. no nosso favicon aqui do flog, � um bigode por exemplo... e ai voc� vai procur�-lo. Dicas de sites que t�m esses pequenos pixeis s�o: 01 | 02 | 03 | 04 Lembrando que � bom pegar um que n�o tenha movimento e encontre o menor pixel que der, assim vai ter espa�o pra que voc� escreva o nome do seu flog por exemplo.Depois de salvar a pequena imagem, voc� vai abrir o seguinte site: favicon.cc
L�, voc� vai se registrar, como na imagem:
Depois disso, voc� clica em "Create New Favicon"
Vai Aparecer um quadro amarelo, cheio de quadradinhos riscados em cinza, se voc� quer que o seu favicon tenha a imagem que voc� escolheu, voc� vai em:
"Import Image" na mesma aba que voc� mecheu at� agora (no lado esquerdo). A� voc� Clica em Escolher Arquivo, encontra ele, abre e Upload.
Agora voc� tem um Color Picker, o quadro de desenhos e pode conferir como vai ficar o seu favicon na aba do site onde voc� est� o desenhando.
Como voc�s podem ver acima, a figura que eu escolhi, do Noel, era muito grande, entao eu usei o Move e coloquei ela pro lado, deixando s� metade a mostra. Usando o l�pis eu escrevi o primeiro nome do flog do lado. :) Voc� pode escrever o que quizer, se couber � claro. E com o tempo voc� vai aprendendo a fazer os pixeis direitinho.
Terminando de desenhar o seu favicon, em baixo do quadro de desenhos voc� vai ter outra aba, chamada "Preview" onde voc� pode ver tamb�m como est� ficando o seu favicon, voc� vai clicar em "Publish under an open license".
Voc� vai dar um T�tulo, uma descri��o e colocar alguma tag, que pode ser tudo igual. hehe A� voc� d� ok, dai vai aparecer o favicon aumentado, o tamanho original do lado e etc, a� voc� vai e clicar em cima do nome dela, vai aparecer uma aba do lado que chama Options, onde vce vai clicar em: "Download Favicon". Primeira parte ok. agora vem a segunda que � curtinha :)
Vou explicar porque a segunda parte � t�o importante: porque o FlogVip n�o aceita nenhuma imagem ou nada no formado .ico, que � o caso do favicon, ent�o a gente tem que converter o nosso favicon para png, que � o unico jeito de aparecer no flogvip. Eu encontrei um site que faz com que isso seja a coisa mais mole do BRASIL!
Clique aqui para abrir o site.
� super simples... voc� vai em escolher arquivo, vai encontrar o seu favicon salvo, e vai apertar em Convert! Agora la em cima vai ter assim: Your new PNG, e em baixo o link pra voc� baixar "Click to download". Depois de baixar � s� hospedar, em qualquer lugar que voc� costuma hospedar. Pra quem n�o costuma hospedar nada � bom usar o http://tinypic.com/ � f�cil. Ent�o voc� vai pegar o link, e coloc�-lo no local indicado, lembrando que pra funcionar voc� tem que tirar todos os asteriscos (*): <*link icon="AQUI VOC� COLOCA O LINK DA SUA IMAGEM QUE ACABOU DE HOSPEDAR" href="favicon.ico*"><*link rel="icon" type="image/gif" href="AQUI VOC� TAMB�M COLOCA O LINK DA IMAGEM QUE ACABOU DE HOSPEDAR"*>Agora � s� colocar no post e pronto!
It"s my party and I cry if I want to!