Para colocar um Favicon no seu blog, ou seja, a imagem que fica na barra
de endere�os ao lado da url do seu blog, precisamos criar e hospedar
uma imagem e depois colocar um c�digo no html do blog. Mas vamos
explicar por partes e voc� ver� que � f�cil de fazer.
Primeiro crie ou encontre uma imagem que gostaria de usar na barra de endere�os, ela deve ser quadrada, lembre-se que a imagem ficar� bem reduzida (16 x 16 pixels), portanto n�o adianta usar uma cheia de detalhes pequenos. Aconselhamos j� salvar a imagem neste tamanho 16x16px para depois enviar para os sites de hospedagem e convers�o para o formato �cone.
Depois que tiver a imagem pronta entre no site Free Online Icon Editor nele � poss�vel desenhar seu �cone se quiser (para aqueles que s�o bons em pixelart), mas se for fazer selecione o tamanho 16 x 16. Mas viemos aqui principalmente para mostrar como converter sua imagem de qualquer formato (gif, jpg, png) em um �cone, ou seja, formato .ico, clique em enviar arquivo, encontre sua imagem, deixe selecionado 16x16(favicon) e clique em upload.
Agora clique no bot�o save icon e escolha um lugar para salvar o �cone no seu computador. Essa parte j� est� pronta, agora vamos hospedar o favicon (colocar a imagem do �cone na internet).
Vamos at� o site Image Boo Hosting clique no bot�o enviar arquivo e localize o �cone, envie tamb�m a imagem original (que usou para converter no outro site para o formato �cone), deixe selecionado Public em upload type e clique em start uploading. Agora copie o c�digo da ultima linha (Direct) das duas imagens que enviamos.
At� o momento j� temos nosso �cone criado e hospedado na internet, agora s� falta colocar no blog. Entre na pagina layout > editar html e procure por , antes dessa linha coloque o c�digo abaixo substituindo os endere�os das imagens que voc� acabou de hospedar.
Primeiro crie ou encontre uma imagem que gostaria de usar na barra de endere�os, ela deve ser quadrada, lembre-se que a imagem ficar� bem reduzida (16 x 16 pixels), portanto n�o adianta usar uma cheia de detalhes pequenos. Aconselhamos j� salvar a imagem neste tamanho 16x16px para depois enviar para os sites de hospedagem e convers�o para o formato �cone.
Depois que tiver a imagem pronta entre no site Free Online Icon Editor nele � poss�vel desenhar seu �cone se quiser (para aqueles que s�o bons em pixelart), mas se for fazer selecione o tamanho 16 x 16. Mas viemos aqui principalmente para mostrar como converter sua imagem de qualquer formato (gif, jpg, png) em um �cone, ou seja, formato .ico, clique em enviar arquivo, encontre sua imagem, deixe selecionado 16x16(favicon) e clique em upload.
Agora clique no bot�o save icon e escolha um lugar para salvar o �cone no seu computador. Essa parte j� est� pronta, agora vamos hospedar o favicon (colocar a imagem do �cone na internet).
Vamos at� o site Image Boo Hosting clique no bot�o enviar arquivo e localize o �cone, envie tamb�m a imagem original (que usou para converter no outro site para o formato �cone), deixe selecionado Public em upload type e clique em start uploading. Agora copie o c�digo da ultima linha (Direct) das duas imagens que enviamos.
At� o momento j� temos nosso �cone criado e hospedado na internet, agora s� falta colocar no blog. Entre na pagina layout > editar html e procure por , antes dessa linha coloque o c�digo abaixo substituindo os endere�os das imagens que voc� acabou de hospedar.
No final da segunda linha troque png pelo formato da imagem original
gif, jpg, se achar mais f�cil poderia fazer isso j� com uma imagem png
desde o inicio. Clique para salvar e j� est� tudo pronto o resultado
final � esse:
Fizemos e testamos esse tutorial no Firefox e Internet Explorer que s�o os navegadores mais utilizados atualmente.
Nenhum comentário:
Postar um comentário