
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.
En ''Diseño | Edición HTML'' (''Plantilla | Editar plantilla'' si usas Blogger 2011) busca la siguiente sección:
Importante:
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:
Guarda los cambios y listo.
<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>
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.