Ampliar imagem ao parar o mouse sobre ela.

Existem vários códigos disponíveis na internet para ampliar imagem ao parar o mouse sobre ela, alguns são um pouco complicados de utilizar outros precisam alterar o código HTML do blog, hoje vou deixar uma dica para vocês de como colocar este efeito sem alterar o código HTML do blog, apenas colocando o código na postagem.
Quando for utilizar este efeito altere sua postagem do modo Escrever para Editar HTML e utilize o código abaixo:

<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>

Altere o tamanho da imagem modificando o trecho max-width: 150px;  para o tamanho desejado.

Confira o efeito na imagem abaixo:



Espero ter ajudado, boa postgem.