sexta-feira, 28 de agosto de 2009

Criar um Favicon -

1. Precisa escolher a sua imagem no seu computador (não pode ser muito grande, pois ela ficará no tamanho 16x16. Esta imagem deve ter o formato gif, jpg, png, ou bmp.

2. Para transformar a sua imagem em uma imagem .ico use o site:
http://tools.dynamicdrive.com/favicon/

3. Ainda no site Dynamic Drive, para transformar a imagem em um arquivo .ico, siga os passos abaixo:

3.1. No campo "Image to create icon from:" clique em "Procurar..."

3.2. Encontre a imagem de seu icone em seu computador, selecione e em seguida clique em abrir.

3.3. Agora clique no botão abaixo "Create Icon".

3.4. Perceba que no campo mais abaixo, "FavIcon (16x16) preview:" irá aparecer uma prévia com o seu icone.

3.5. Agora clique no botão "Download Favicon" e salve a imagem em seu computador. (Já tem o seu icone no formato .ico)

4. Agora vc tem que hospedar esta imagem em seu novo formato (.ico), no site
http://wwwimageboo.com

**Não é preciso ser registrado neste site, para fazer o upload da imagem ".ico".

Guarde o código gerado da imagem que consta no campo "Direct".

5. Agora vá até o Layout de seu blog em "Editar HTML". Antes de qualquer procedimento de alteração no modelo de seu blog, faça um download clicando em "Baixar modelo completo" e guarde em seu computador por questões de segurança.

Siga os seguintes passos:

5.1. Clique em "Expandir modelos de widgets"
5.2. Procure a tag " ]]>

(Para achar use o CTRL+F, que abrirá uma caixinha e vc deve digitar o comando que ele localiza no texto)
5.3. Agora vai precisar do código da imagem (que guardou) gerado no site http://www.imageboo.com//. no do campo "Direct".
5.4. Abaixo da tag "]]>
" cole o seguinte código:

link href='COLE AQUI A URL DA SUA IMAGEM.ICO' rel='shortcut icon'
5.5. Clique em "Visualizar" e veja se está tudo ok...
Se o seu icone aparece na barra de endereço na visualização da página de seu blog.

Clique em "Salvar Modelo" e Pronto! O Link do seu blog irá aparecer na barra de endereço com o icone personalizado.



Nenhum comentário:

Postar um comentário

Estou lendo seu comentário...obrigado