Efecto desvanecer y aparecer en imagenes al pasar el cursor

Holaa linduras!! este es un tutorial para las imagenes:
Efecto desvanecer y aparecer en imagenes al pasar el cursor

1.- Vamos a Plantilla
2.- Vamos a Edición Html
3.- Clikeamos en "Expandir plantilla de artilugios"
4.- Abrimos el buscador pulsando ctrl + f
5.- Buscamos en el buscador la etiqueta </head> y antes de esta etiqueta
pegamos el siguiente codigo:


          <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'/>
         <script type='text/javascript'>
         $(document).ready(function() {
         $('img').fadeTo('slow', 0.5);
         $('img').hover(function() {
         $(this).fadeTo('slow', 1.0);
         }, function() {
         $(this).fadeTo('slow', 0.5);
         });
         });
         </script>


 6.- Guardamos y listo! :)