domingo, 17 de julio de 2011

Efecto fade (Aparición suave) en Blogger con jQuery

Gracias a Deathdan93 me entero de una muy sencilla forma de darle animación fadeIn al blog mediante jQuery. Un fading es un efecto de aparición suave, con el que le daremos un poco mas de vida al blog.

Ten en consideración que la transición utiliza muchos recursos de hardware, en ordenadores antiguos es posible que se vea lento.




¿Cómo añadir el efecto en Blogger?

En ''Diseño | Edición HTML'' (''Plantilla | Editar plantilla'' si usas Blogger 2011) busca la siguiente sección:
</head>
Arriba de esta pega el siguiente código:

<script charset='ISO-8859-1' src='http://dl.dropbox.com/u/28164309/Recompressed/jquery151.min.js' type='text/javascript'/>
<script type="text/javascript">
$(document).ready(function(){
$(document).ready(function () {
$('body').fadeIn(700);
});
});
</script>
<style type="text/css">
body {display:none;}
</style>
Guarda los cambios y listo.


Importante:
  • Si ya tienes instalado jQuery, elimina la siguiente línea:
<script charset='ISO-8859-1' src='http://dl.dropbox.com/u/28164309/Recompressed/jquery151.min.js' type='text/javascript'/>
  • Para cambiar el tiempo de transición modifica el valor 700 por la cantidad de milisegundos que demorará la transición.

No hay comentarios:

Publicar un comentario