Efeito Fade em imagens do blog

Efeito: a Imagem vai se apagando aos poucos ao passar o mause e quando solta, ela volta a ter cor, veja o exemplo na imagem a seguir
obs( passe o mouse na imagem)




Vamos ao codigo!

Primeiro vá no html do seu blog e procure por:

</head>

E acima disso cole esse codigo:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("fade").mouseover(function(){

$(this).fadeOut(600);

$(this).fadeIn(4000);

});

});

</script>

Para usar o efeito, use

<fade><img src="LInk da imagem" /></fade>