Efeito Carregamento Perfeito

Nesta postagem compartilho com vocês mais um código com efeito JQuery bem interessante, simplesmente para deixar seu site ainda mais moderno e inovado.

Bom! Não tem muito o que falar do código. Espero que gostem!!!

Você pode ver uma demonstração nesta página mesmo. Se você ainda não viu a demonstração, recarregue esta página para ver o efeito.

Para colocar em seu site, copie o código abaixo entre em "Layout" - "Adicionar um Gadget" - "HTML/JavaScript" e cole o código

<style>

/* LOADING HALAMAN */

#loadingHalaman {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Vylb-h-5u9Ivi68b5k5pRbjYCyGc08-xTVX74zknuI97is-FLhcGcCyDs8c4ktpTPS2vBYhKaNWn4yMl_VIXIDqaVLuQ_NEHnJHHE3d-vXevrf5aRfSls_2H1tebQJisP4u6nPbLwY3v/s1600/dark-loading.gif) no-repeat center;

background-color:rgba(0, 0, 0, 0.32);

width:100%;height:100%;

position: fixed; left: 0px; top:0px; z-index: +100000;

}

</style>

<div id="loadingHalaman"></div>

<script>

//<![CDATA[

//Loading Halaman

$(window).bind("load", function() {

$('#loadingHalaman').slideUp(1000);

});

//]]>

</script>