Add Page Loading Time With Stylist Icon

Now You Can Show Your Visitors. How Long Your Blog Loaded . It Will Count In Second.With Stylist Loading Icon. I Tried to Make It Awesome With Some Icons . I also Provide you some icons.

If you wish you can add your own images.

Hope You Will Like It.

Lets Get To Work

Login To Your Blogger> > Template > Edit HTML> >Process>> Expand Widget Templates
Back Up Your Templates First
Search For (CTRL+F) </head>
Now Copy this Code Just Above Of </head> Tag ..

<script type='text/javascript'>
var d = new Date();
var starttime = d.getTime(); //Get the start time
</script>

Now Copy This Code Above Of </body> Tag

<script type='text/javascript'>
var d2 = new Date();
var endtime = d2.getTime(); //Get the end time
//Find the difference between the start and end times
var totaltime = (endtime - starttime)/1000;
//Round 2 decimal places
var result = Math.round(totaltime*100)/100;
//Output results to a "P" element
document.getElementById("loadtime").innerHTML = "Page loaded in: "+ result +" seconds";
</script>

Save Your Templates...

We Did The Main Work
Now,

Go To Blogger > Layout > Add A Gadget > > HTML/Javascript
Paste following script and save it:

<span style="color: #3d85c6; text-align: center;">Please Wait While I Load My Page </span><span style="text-align: center;"> </span><span style="color: red; text-align: center;"> </span><img src="https://s-static.ak.facebook.com/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif" style="text-align: center;" /></div>