Blogs

Blogs

Preloader

You have to set this code to in footer of the file.

<div id="res_loader">
            <div class="res_loader">
                <img src="<?php echo $this->webroot; ?>css/images/loader_img.gif" />
                <p>Loading...</p>
            </div>
            <div class="loader_mash"></div>
        </div>

you have to add this code to styelsheet file.

.res_loader {
    background: #fff none repeat scroll 0 0;
    border-radius: 11px;
    left: 50%;
    margin-left: -85px;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 170px;
    z-index: 10;
}
.res_loader > img {
    margin-top: 10px;
}
.res_loader > p {
    font-size: 20px;
    margin-top: -30px;
}
.loader_mash {
    background: #555 none repeat scroll 0 0;
    height: 100%;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
}

You can get loader image from here.
http://nishant.mevawala.in/wp-content/uploads/sites/2/2014/12/loader_img.gif