Ir al contenido principal

Entradas

Mostrando las entradas etiquetadas como jQuery

Efecto de desvanecimiento al cargar el blog

Tips y Tutoriales para Blogger

Buenas :) En este tutorial veremos cómo aplicar un efecto fade al cargar el blog . Desde otro punto de vista también podemos decir que creamos una ventana de carga que oculta el contenido del blog hasta que éste se cargue por completo. El truco es muy sencillo  sólo creamos un contenedor que oculte todo el blog, y con Javascript (mejor dicho: jQuery) le ordenamos que desaparezca, luego de finalizar la carga, y que aparezca, al ingresar a un enlace. La idea y gran parte del código lo obtuve de esta entrada de Ciudad Blogger , pero tuve que modificar algunas cosas para que no sea el body quien se oculte, sino que la ventana de carga se pose sobre el mismo para ocultarlo. Antes de empezar, debes tener instalado en tu plantilla jQuery , pegando la siguiente línea antes de </head> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'/> En caso de ya tenerlo, no pegues nada ;) Ahora continuemos con el HT...