Tutorial: Hack ''leia mais'' muda imagem ao passar o mouse

Quem não curte personalizar o blog? E deixa lo mais único? Aaaaah fala sério todo mundo né gente *-* então hoje eu vou ensinar a vocês a personalizar o hack ''Leia Mais''. Tipo igual ao do JD quando passa o mouse muda a imagem. Veja um exemplo, passe o mouse na imagem abaixo:

Eu nunca vi esse tutu pela web, então se repassar credite (: Outra coisa é super fácil garanto! Mais precisa prestar atenção, ok!

Vá no seu HTML e marque a opção ''expandir modelos de widgets'' dê um ctrl + f e procure por: <data:post.jumpText/> apague e no lugar cole o seguinte código:

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

Entenda o código! Nos trechos url da imagem principal apague e cole a url da imagem que irá aparecer sem o mouse estar em cima, exemplo:

No trecho url da imagem com o mouse em cima apague e cole a url da imagem que irá aparecer com o mouse em cima, exemplo:

Vocês mesmos podem criar suas imagens e hospede as em um site que faça isso gratuitamente ex: imgur.com 

Jackie como eu pego a URL de uma imagem? 

clique em cima da imagem com o botão direito do mouse e selecione '' copiar url da imagem ''. Só isso.

 Bom pra quem está com preguiça de fazer isso tudo eu já deixei alguns códigos prontos é só clicar em leia mais para ver>> Estou deixando vocês mal acostumados hein, kkkkkk'

Cole o código abaixo no ''lugar'' de: <data:post.jumpText/>

<img border='0' onmouseout='this.src=&apos;http://i.imgur.com/uErwS.png&apos;' onmouseover='this.src=&apos;http://i.imgur.com/8G7q6.png&apos;; return true' src='http://i.imgur.com/uErwS.png'/>

<img border='0' onmouseout='this.src=&apos;http://i.imgur.com/eo1m2.png&apos;' onmouseover='this.src=&apos;http://i.imgur.com/eTYhs.png&apos;; return true' src='http://i.imgur.com/eo1m2.png'/>

<img border='0' onmouseout='this.src=&apos;http://i.imgur.com/eWFP8.png&apos;' onmouseover='this.src=&apos;http://i.imgur.com/FHNfD.png&apos;; return true' src='http://i.imgur.com/eWFP8.png'/>

<img border='0' onmouseout='this.src=&apos;http://i.imgur.com/oQTJO.png&apos;' onmouseover='this.src=&apos;http://i.imgur.com/DEsev.gif&apos;; return true' src='http://i.imgur.com/oQTJO.png'/>

<img border='0' onmouseout='this.src=&apos;http://i.imgur.com/v9zVo.png&apos;' onmouseover='this.src=&apos;http://i.imgur.com/PScl7.png&apos;; return true' src='http://i.imgur.com/v9zVo.png'/>

É isso espero que tenham gostado!