Efeito passe o mouse

Hi pessoal!

Esta cada vez mais difícil achar tutoriais legais para postar aqui, não é que não tenha, é que eu realmente não quero postar as coisas dos outros, mas ficar postando apenas sobre queijo não dá né :p Então, eu estava navegando pelos tumblrs por ai e acabei achando esse tutorial que eu acho bem útil se você quer colocar mais afiliados, mas sabe que vai ficar feio aquela tonelada de imagens, além de desorganizado é algo que tira um pouco a credibilidade do blog pelo menos eu acho bom, ele não é como os demais "mais afiliados" por ai, aqueles que você tem que clicar para poder aparecer, esse você precisa somente passar o mouse nossa que descoberta mas enfim, ele era somente para aparecer as imagens então eu o editei para poder colocar o link do blog filiado clique aqui para ver. Come on?

cole este código antes de ]]></b:skin>

.mhcode {
margin: auto;
height: 14px;
overflow:hidden;
width:auto;
-webkit-transition-duration: .90s;
}
.mhcode:hover {
margin: auto;
height:200px;
overflow:hidden;
-webkit-transition-duration: .90s;
} 

Bom, edite como quiser, no próprio código já tem aonde você pode editar.

Agora cole isto em um gadget HTML/JavaScript

<div class="mhcode"><b>Passe o Mouse</b>
<a href="url" title="nome"><img src="link da sua imagem" width="50"></div>

Espero que tenham gostado! Créditos ♥

xoxo