Tutorial:menu em imagem com efeito hover

Olá amores, espero que estejam bem, ontem não deu  para mim postar pois eu tive um dia muito corrido fui para igreja de manhã e de tarde fui para um orfanato fazer doações e fazer uma "festinha" para as crianças de lá e assim que cheguei em casa só entrei um minuto, tomei um banho me arrumei e fui para a igreja cheguei muito cansada e foi por isso que eu não postei.
Enfim, hoje vim aqui postar para vocês um tutorial do menu em imagem com efeito hover, ele é bem legal eu amo ele e espero que vocês também gostem, confira abaixo o tutorial...

•Abra um HTML/JavaScript e cole o seguinte:

 <center><a href="link do seu blog"><img src="URL da imagem normal" onmouseout="this.src='Repita a URL da imagem normal';" onmouseover="this.src='URL da imagem no estado hover';" /></a></center>

Ai é só fazer oque se pede, como no próprio código já está escrito direitinho,  espero que tenham gostado, beijos até o próximo post!