« Anterior 30/11/2011 - 18:02 Próxima »
SEM USAR NENHUM PROGRAMA! NIVEL: SUPER F�CIL!
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:


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!









O lugar certo para quem busca design das mais diversas e variadas formas, cuz is everything About Design.


Comentários (16)
1 - /xtwilightx em 30/11/2011 �s 18:09 disse:
curti ai porq favor , se vocetiver face
ajuda minha irm�a ganhar a promo bjus.
http://www.facebook.com/photo.php?fbid=2391850274607&set=o.229922760374682&type=1&theater

2 - /thatcyrus em 30/11/2011 �s 18:19 disse:
aa uum tutoriaal muitoo boom amr, parabeens ;D Concerteaa muitoos vaao usaar ele, euu queria fazeer um favicoon pra miim sabe, maais a pregui�aa naao deixa KKKK
Kaah \

3 - /thatcyrus em 30/11/2011 �s 18:20 disse:
Kaah \

4 - /thesagatwilight em 30/11/2011 �s 18:23 disse:
ai que legal a ideia do tutorial

5 - /thatcyrus em 30/11/2011 �s 18:25 disse:
a taa auhsuhsa entaum depoois euu fa�oo, pooq tenho muita foto pra editaar KKK
Kaah.

6 - /zgaga em 30/11/2011 �s 18:27 disse:
Amei seu tutorial pena que no meu n�o pego auhsudhas

7 - /annieperfeitinha em 30/11/2011 �s 18:28 disse:
[a] boa ideia de fazer esse tutorial, quando eu tiver um tempinho mais tarde vou ve se consigo fazer :D

8 - /thesagatwilight em 30/11/2011 �s 18:30 disse:
quando eu tiver com paciencia vou tentar fazer

9 - /michaeljackson_pop em 30/11/2011 �s 18:33 disse:
adorei..vou fazer o meu..fica com Deus

10 - /hopecyrusday em 30/11/2011 �s 18:34 disse:
no final � para colocar no post fixo?

11 - /hopecyrusday em 30/11/2011 �s 18:34 disse:
AHH DEU CERTO!

12 - /filmeseseries em 30/11/2011 �s 18:37 disse:
VEM ASSISTIR ONLINE THE VAMPIRE DIARIES AMR *-*

13 - /glammour em 30/11/2011 �s 18:38 disse:
Nova edi��o
curte?

14 - /fixyou em 30/11/2011 �s 18:40 disse:
que legal essa ideia ein, parab�ns!

15 - /magicgirl em 30/11/2011 �s 18:46 disse:
Irei tentar!!

16 - /elizaclivia em 30/11/2011 �s 19:24 disse:
ameii o tuto, deu certissimo

Fotos com mais de 20 dias nao podem ser comentadas.
Sobre * aboutdesign
Caraguatatuba - SP

Presentear FlogVIP
Denunciar

Últimas fotos

23/06/2013


22/06/2013


21/06/2013


21/06/2013


21/06/2013

« Mais fotos


Visitas
Hoje: 7
Total: 42.453

Feed RSS