Menu com Imagem / Hover

Vamos dar um up no nosso blog? Esse tuto deixa seu menu lindão e é muito fácil de ser usado. 
 Faça sempre backup do seu template antes de modificá-lo , ou tenha um                               blog de testes, caso algo dê algo errado.


Vá em Layout => Adicionar um Gadget => HTML/JavaScript

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

*** Em URL Da Imagem em Estado Hover  - Coloque a Imagem que vc quer que apareça ao passar o mouse 

Se voce não quiser o menu centralizado é só retirar as tags: <center> e </center>

É importante que as imagens tenham a mesma altura e que a posição das letras fique o mais semelhante possível.

Ex. de Imagens:

                                                        Normal                    Hover