Mudando a imagem ao passar o mouse

Oi pessoal ,fiquei espantada com o tanto de comentários no último post, obrigada viu? vocês são um amor. Sei que para muitos não é muito mas para mim tem um significado muito grande. Como no título do post , hoje o tutorial é bem facil e útil. Os créditos são todos para o blog Other things... , quer aprender como se faz ? Clique em Leia mais abaixo.

Resultado do efeito

Esse efeito dá para usar quanto na postagem, quanto nos gadgtes. Siga o tutorial de acordo aonde queira colocar o efeito.

Nos Gadgtes

Vá em design >> elementos de página e adicione o gadgte "HTML/JavaScript" e cole o código abaixo. Depois é só hospedar as imagens que quizer em algum site e colocar-lás aonde se pede.

<img src="ENDERECO_DA_IMAGEM_NORMAL" onmouseout="this.src='ENDERECO_DA_IMAGEM_NORMAL';" onmouseover="this.src='ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE';" />

Na Postagem

Vá em design >> postagem/novapostagem e lá clique em na janela "Editar HTML"
 Depois é só hospedar as imagens que quizer em algum site e colocar-lás aonde se pede.

 <img src="ENDERECO_DA_IMAGEM_NORMAL" onmouseout="this.src='ENDERECO_DA_IMAGEM_NORMAL';" onmouseover="this.src='ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE';" />