Altere o ícone da barra de endereço do seu blog!

Muita gente tem o seu blog a anos e ainda não alterou o ícone que aparece na barra de título do navegador. É legal escolher uma imagem que tenha a ver com o seu blog, pois ela também é salva nos favoritos, identificando o seu site . Bom primeiro vamos incluir o código para exibir o ícone. Esse código até agora tem funcionado em todos os navegadores.

• Crie uma imagem no formato .png e hospede em um site de hospedagem, como por exemplo o Imageshack.us. Agora é necessário converter a imagem para o formato de ícone (.ico). Existem vários sites de conversão, e até mesmo programas que fazem isso, mas um site que recomendo é o Converticon 2.1. ( clique no link, clique no botão "Get Started" e selecione a imagem de seu computador[não esqueça de selecionar em "Arquivos Tipo" o formato .png!, selecione a imagem que criou e clique em "Exportar" e marque a opção 16x16, após é só salvar clicando em "save as"].

• Agora vamos hospedar a imagem que criamos no formato .ico na tamanho 16x16! Hospede o ícone criado em um site que aceite o formato .ico, como por exemplo: MerryPic ou RipWay. Pegue o link gerado e cole no lugar do "endereço da imagem.ico" descrito abaixo em azul.
  

• Localize o código ]]></b:skin>
  

Cole logo abaixo dele o seguite código:
<link href='endereço da imagem.ico'
rel='shortcut icon' type='image/x-icon'/>

<link href='endereço da imagem.ico' rel='icon'
type='image/png'/>

Pronto! Cuidado para não colar o url errado do ícone. Tem que ser o do ícone e não o da página que exibe os urls do ícone.


+ Dicas: Encontre pacotes de ícones na internet, disponíves para download. Baixe e converta ou hospede caso já esteja no formato e tamanho do ícone (16x16)

Ler Mais

Como alterar a imagem do link enviar postagem para um amigo

Para os que gostam de personalizar tudo no blog uma boa dica é mudar aquela imagem da cartinha que serve para enviar uma postagem para um amigo que fica no final de cada postagem. E trocar aquela imagem é mais simples do que parece.

Entre na pagina editar html, clique para expandir o modelo e procure por esse trecho:

<a expr:href=’data:post.emailPostUrl’ expr:title=’data:top.emailPostMsg’>
<img alt=” class=’icon-action’ height=’13′ src=’http://www.blogger.com/img/icon18_email.gif‘
width=’18′/>

Então é só colocar o endereço de outra imagem no lugar que está em negrito e alterar os valores height 13(altura da imagem) e width 18(largura da imagem) e agora já está tudo pronto. Quando visualizar seu blog essa nova imagem aparecerá no final dos posts do seu blog para que seus visitantes possam indicar seu blog por email, apenas tenha cuidado para usar a url correta da imagem.

Ler Mais