quarta-feira, 28 de julho de 2010

Como Criar / alterar e Colocar o Favicon em seu site / blog

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, para converter a sua imagem em .ico , selecione a imagem que você que vire um ícone e, selecione o tamanho 16 x 16. E clique em Upload. (como converter sua imagem de qualquer formato (gif, jpg, png) em um ícone, ou seja, formato .ico).

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 Wimg clique no botão enviar arquivo e localize o ícone, deixe selecionado Make Image Public e clique em uploading. e copie o link da imagem.

Envie também a imagem original (que usou para converter no outro site para o formato ícone), deixe selecionado Make Image Public e clique em uploading. Copie o código que está depois de scr="" (o que começa com http)

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 , Copie o codigo abaixo e cole antes do

ATENÇÃO AGORA:

NA PRIMEIRA LINHA: substitua a frase 'imagem formato icone', pelo link que o site deu da hospedagem do icone.

NA SEGUNDA LINHA: substitua a frase 'imagem formato icone, pelo link da imagem Original

(akele que começa com http que pegamos depois do src='')

No final da segunda linha troque png pelo formato da imagem original gif, jpg, ou extensão que vc salvou sua imagem.

EXEMPLO:

PRONTO!!!! SALVE AS ALTERAÇÕES, PEÇA PARA VIZUALIZAR O BLOG E DE UM F5 PARA ATUALIZAR A PÁGINA

TESTADO NO MOZILA FIREFOX E INTERNET EXPLORER

Nenhum comentário:

BlogBlogs.Com.Br