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

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.
Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
Marca de agua en las imágenes con CSS # - Marca de agua en las imágenes con CSS
Efecto de desenfoque con CSS # - Efecto de desenfoque con CSS
Botones para subir y bajar en Blogger # - Botones para subir y bajar en Blogger
Insertar una página externa en una entrada en Blogger # - Insertar una página externa en una entrada en Blogger
Ocultar entradas con determinada etiqueta en el inicio de Blogger # - Ocultar entradas con determinada etiqueta en el inicio de Blogger