Expandir imagens ao passar o mouse

 Para quem tem blog e utiliza iamagens eis um bom código para economizar espaço e organizar bem os posts.Super fácil e leve, pode ser usado direto nas páginas de postagem do blog, no modo "Editar HTML"

<img class="expa" src="AQUI O ENDEREÇO DA IMAGEM" />
<style>
  img.expa {
    cursor: pointer;
    max-width: 150px;
  }
  img.expa:hover {
    max-width: none;
  }
</style>

Vagabundia


 Mas se quer mais praticidade, vá até o HTML de seu blog e depois de   ]]></b:skin> cole o código abaixo

<style>

  img.expa {

    cursor: pointer;

    max-width: 150px;

  }

  img.expa:hover {

    max-width: none;

  }

</style>

Agora vá até Configurações, agora clique em Formatação. Lá em baixo na página vc verá uma área em branco, cole o código abaixo e salve.

<img class="expa" src="AQUI O ENDEREÇO DA IMAGEM" />

Sempre que precisar basta colar o endereço da imagem desejada, se não, basta apagar.