Easy Add preloader to your blog

I will share the way easier to make a preloader.

Preloader Script will load all your page content before showing it.

The page won't show until all page elements are not fully loaded.

yuk capcus...

Find ]]></b:skin> and just above it paste the following code,


#preloader{ position:fixed;  top:0;  left:0;  right:0;  bottom:0;  background:#000;  background-repeat:no-repeat; z-index:99}
#loader{ width:200px;  height:200px;  position:fixed;  left:50%;  top:50%;     background-image:url(http://urlpreloaderimage.gif);
background-repeat:no-repeat;  background-position:center;  margin:-100px 0 0 -100px}

Find <body> and just below it paste the following code,


<div id='preloader'>
<div id='loader'/>
</div>

Then find </body> and just above it paste the following code.


<script type='text/javascript'>$(window).load(function(){$("#loader").fadeOut();$("#preloader").delay(350).fadeOut("slow");$("body").delay(350).css({overflow:"visible"})});</script>