AyudaBloggers{...}
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.
Escrito por
víctor calderon

Víctor Calderón es un jóven chileno de 21 años, estudiante analista programador y orgulloso padre de una hermosa niña.

Moderador en +TBEE y escritor/fundador de este blog.

tweet

Blogroll de Ayuda Bloggers