Oiii Amores!!
Hoje eu vou ensinar um tutorial de menu hover que eu vi no blog PM. Esse tutorial é bem legal e além de deixar o seu blog personalizado também fica muito lindinho. Ele é fácil e não tem preocupação. Mas, qualquer coisa é só escrever nos comentários que irei ajudar vcs com o que precisar. Espero que gostem!!
- Você vai em layout >> Adicionar um gadget >> HTML/Javascript e cola o seguinte código:
<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>
- Onde estiver escrito link do seu blog é só você trocar pelo link da página que você deseja.
- Onde estiver url da imagem normal você troca pelo url da 1° imagem a em estado normal,e depois é só repetir em repita a URL da imagem normal.
- Agora em URL da imagem no estado hover é só você colocar o URL da imagem 2 a que não está no estado hover.
- Se não quiser o menu centralizado retire as tags <center> e </center>,que se encontra no começo e no fim do código.
Em estado normal | Em estado hover
Se quiser você pode usar essa divisória aqui:
♥ Beijinhos ♥ !!
Nenhum comentário:
Postar um comentário