Image Map

24.11.12

Anterior, Início e Próxima com efeito hover

~Bom Fim de semana~

Oii! Hoje trouxe um tutorial que aprendi no Jackie Dream
Como viram no título, vamos aprender a colocar hover em Anterior, Início e Proxima com efeito hover.
Vamos lá???? Go!

 Alterando Postagens Recentes 

Vá até o Htlml do seu blog e marque a opção Expandir modelos de Widget.
Dê um Ctrl F e pesquise por <data:newerPageTitle/>   
Depois de achar o código, substitua-o por
<img border='0' onmouseout='this.src=&apos;url da imagem principal&apos;' onmouseover='this.src=&apos;url da imagem com o mouse em cima&apos;; return true' src='url da imagem principal'/>

Substitua as partes destacadas por o url da imagem, como já explica no código. 

 Alterando Início 

Procure por: <data:homeMsg/>
Substitua esse código por:
<img border='0' onmouseout='this.src=&apos;url da imagem principal&apos;' onmouseover='this.src=&apos;url da imagem com o mouse em cima&apos;; return true' src='url da imagem principal'/>
Você vai substituir as partes destacadas pelo URL da imagem. 

 Alterando Próxima 

Procure por <data:olderPageTitle/>  
Agora substitua por : 
<img border='0' onmouseout='this.src=&apos;url da imagem principal&apos;' onmouseover='this.src=&apos;url da imagem com o mouse em cima&apos;; return true' src='url da imagem principal'/>

Siga os mesmo paços dos anteriores.

...................................................................................................................................................................

 Alguns modelos 

Normal                   Hover
   
    

Beijos



6 comentários:

  1. Muito útil e legal, vou usar no meu blog.
    Comecei a blogar agora, vc pode visitar e seguir se gostar?
    Cupcakebright.blogspot.com.br

    ResponderExcluir
  2. Pooxa nao consiguir infelismente ,mais adorei a idéia ja sou sua fã beijoos

    ResponderExcluir
  3. Os links não estão pegando! As imagens ficam no lugar, as quando clico para "direita" ou "esquerda" não avança! o/

    ResponderExcluir
    Respostas
    1. Nossa, então não sei o que fazer. Esse tutorial é bem antigo e talvez não esteja funcionando :\ Desculpa

      Excluir