Acessórios para seu blog: Imagem na barra de endereço.

Vc já viu imagens lindinhas na barra de endereço de diversos blogs??
Vou explicar aqui, como vc deve fazer para colocar uma no endereço do seu blog.

Escolha uma imagem de sua preferência, que deve estar na suas imagens do seu computador e hospede esta imagem. Poder ser aqui neste site: http://www.imageshack.us/.
Guarde esta URL. [ png ]

Logo depois converta essa mesma imagem que vc escolheu, que deve estar na suas imagens do seu computador que geralmente possui formato ( jpg, .gif ou .png ) para o formato ícone neste site http://converticon.com/. Sugiro que use 32 x 32 ou 16 x 16.

Atenção: Quando vc abrir seu documentos para pegar sua imagen escolhida o tipo do arquivo estará em icon ( ico ) apenas clik na barrinha do lado e selecione ( jpg, gif, png ) e vai aparecer sua imagem ja escolhida.
Então selecione export e clik em 32 x 32 e vá em save as que vai salvar em seu computador.

Agora vamos hospedar esta imagem em formato ícone que vc acabou de salvar neste site: http://www.merrypic.com/.

Quando abrir a pasta de seus documentos de imagens, selecione a imagem que esta em formato de ícone.
Guarde esta URL. [ ícone ]

Agora vamos colocar esta imagem em nossa barra de endereço.

Vá em EDITAR HTML de seu templante e procure por:

Aperte Ctrl + f que ele vai direto.
Antes da tag:

Vc coloca este código abaixo:

&ltlink href='imagem.ico' rel='shortcut icon' type='image/x-ico'/&gt
&ltlink href='imagem.png' rel='shortcut icon' type='image/png'/&gt


Onde diz" imagem.ico", vc cola a URL da imagem convertida para ícone. [ ícone ]
Onde diz "imagem.png", vc cola a primeira URL guardada que é png. [ png ]

Não esqueça o código deve ficar depois da tag: "/b:skin>" e antes da tag " head"
Conforme explicado acima com as tags corretas.

Créditos desta postagem por Dicas para Blogs.( parceiro )