~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='url da imagem principal'' onmouseover='this.src='url da imagem com o mouse em cima'; 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='url da imagem principal'' onmouseover='this.src='url da imagem com o mouse em cima'; 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='url da imagem principal'' onmouseover='this.src='url da imagem com o mouse em cima'; return true' src='url da imagem principal'/>
Siga os mesmo paços dos anteriores.
...................................................................................................................................................................
Alguns modelos
Normal Hover
Beijos
Muito útil e legal, vou usar no meu blog.
ResponderExcluirComecei a blogar agora, vc pode visitar e seguir se gostar?
Cupcakebright.blogspot.com.br
Usa! Bjs
ExcluirPooxa nao consiguir infelismente ,mais adorei a idéia ja sou sua fã beijoos
ResponderExcluirQue pena :( Obrigada flor ^^
ExcluirOs links não estão pegando! As imagens ficam no lugar, as quando clico para "direita" ou "esquerda" não avança! o/
ResponderExcluirNossa, então não sei o que fazer. Esse tutorial é bem antigo e talvez não esteja funcionando :\ Desculpa
Excluir