Page Loader

Add the following js in head

Add the following just after <body> tag

Add the following jquery code in your custom js file 
$(window).load(function() {

Add the following CSS in style.css
.no-js #loader { display: none; }

.js #loader { display: block; position: absolute; left: 100px; top: 0; }

.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999999;
background: url(Preloader_8.gif) center no-repeat #fff;

Add the Preloader_8.gif in your folder. You may generate it from here


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s