Efeito hover nos links "Postagens mais recentes" "Início" "Postagens mais antigas"

Yo! Yo! Finalmente parei de tomar os remédios que o médico me receito, gente parecia que tomei outra coisa. Ficava vendo tudo turvo, além do sono horrível. Mas hoje estou meio chateada...o blogger hoje está de implicância comigo envio as imagens e ficam com a qualidade horrível! Já enviei umas três vezes e nada de melhorar... estou achando que é do meu blog. Mas hoje trago um tutorial que pouco vejo na web, pelo menos "eu". Como colocar "Postagens mais recentes", "Início" e  "Postagens mais antigas" com imagens e efeito hover. Nunca cheguei a usar, mas legal porque é sútil e todo mundo vê.

1. Modificando "Postagem  Recente"

1. Vá até Modelo >> Editar HTML e usando o atalho CTRL + F e procure por:  

Códigos

<data:newerPageTitle/>

2. Apague e no lugar coloque:

Códigos

<img border='0' onmouseout='this.src=&apos;url da imagem principal&apos;' onmouseover='this.src=&apos;url da imagem ao mouse em cima&apos;; return true' src='url da imagem principal'/>

2. Modificando "Postagem Antiga"

1. Vá até Modelo >> Editar HTML e usando o atalho CTRL + F e procure por:  

Códigos

<data:olderPageTitle/>

2. Apague e no lugar coloque:

Códigos

<img border='0' onmouseout='this.src=&apos;url da imagem principal&apos;' onmouseover='this.src=&apos;url da imagem ao mouse em cima&apos;; return true' src='url da imagem principal'/>

3. Modificando "Início"

1. Vá até Modelo >> Editar HTML e usando o atalho CTRL + F e procure por:  

Códigos

<data:homeMsg/>

2. Apague e no lugar coloque:

Códigos

<img border='0' onmouseout='this.src=&apos;url da imagem principal&apos;' onmouseover='this.src=&apos;url da imagem ao mouse em cima&apos;; return true' src='url da imagem principal'/>

XoXo~