Tutorial : Efeito hover nos links "Postagens mais Recentes" "Início" "Postagens mais Antigas" .

Olá meu povo , para finalizar o dia de hoje vou postar um Tutorial super fácil , como mudar o Postagens mais Recentes ,  Início e Postagens mais Antigas por imagens com efeito hover ,Confira >>

Obs : Vamos mexer no seu HTML , por tanto salve uma cópia do seu Lay , caso dê algo errado !!!

Uma coisa muito importante é que quem já modificou esta parte do Lay , não irá encontrar nenhum dos códigos abaixo , então quando for procurar , procure pela url da imagem atual .

Alterando ''Postagens Recentes''

Vá no seu HTML , marque a opção ''Expandir Modelos de Widgets''  , dê Ctrl + F ou F3 e procure por :   <data:newerPageTitle/>   

Apague somente este trecho destacado e no lugar cole :

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

 Alterando ''Início'' :

Agora procure por : <data:homeMsg/>

Apague e no lugar cole :

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

 Alterando ''Postagens Antigas'' :

Procure por :  <data:olderPageTitle/> 

Apague e no lugar cole :

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

Prontinho , agora é só mudar url da imagem principal pela url da imagem principal , e url da imagem com o mouse em cima pela url da imagem com o mouse em cima , ( risos ) .

Visualize e se estiver tudo certo , salve .

Espero que tenham entendido , qualquer dúvida , pergunte !!!

Créditos : (www) .