Saturday 1 September 2012

Attractive page loading effect with jquery for blogger and websites

In , // siddhu vydyabhushana // 1 comment

Good evening friends today am surely telling u that this tutorial is really attractive and suspecious.Jquery is a lightweight framework ,it will provide attractive interface.for some changes we need to provide some images also.


first i will show this effect for blogger , follow the below steps


1. If  u used blogger ,its good!! else If u interested in site its also good......

                        before  </head>  please paste the below code


$(window).load(function(){

    $("#md-progress-bar").stop().animate({ width: "100%" },600,function(){
        $("#md-loading").fadeOut("fast",function(){ $(this).remove(); });
    });

});
})(jQuery);

after please paste the below code after  <body>  

below code for all pages 


<div id='md-loading'><div 
id='md-progress-bar'></div><div 
id='md-loader'>Loading...</div></div>


for only home page 

<b:if cond='data:blog.url == data:blog.homepageUrl'> 

 <div id='md-loading'><div  
id='md-progress-bar'></div><div  
id='md-loader'>Loading...</div></div></b:if>
thanq
siddhuSIDDHU VYDYABHUSSHANA

LOVE WEB DESIGNING,SCRIPTING,PROGRAMMING.

EMAIL::: VYDYAS[at]GMAIL.COM

1 comment:

Designed By Blogtipsntricks. In Association With Tozilnutpam and Praverb Dot Net.

© 2012 Java,Android,j2ee and jsp tutorials blog