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

Não passe o mouse em cima da imagem 
 
eu disse pra não passar...mais tudo bem, bom que assim dá pra ver o rosto desse lindo melhor .__. {e eu que devia estar na postagem...aa vamo nessa...!} não ligue pra mim...

Créditos da postagem

x Modificando "Postagem  Recente"

vá no seu HTML marque a opção ''expandir modelos de widgets'' dê um CTRL + F e procure por:   

<data:newerPageTitle/>

apague somente esse 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'/>

x Modificando "Inicio"

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

x Modificando "Postagem Antiga"

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

Imagens exemplo:

Imagens normal    imagem em hover

   

    

Espero que tenham gostado e compreendido :)