How to improve the loading time of your blog

Hello friends...
Do you know, image in your blog will make your blog more interesting?
But the present of images in your blog will make the loading time of your blog is longer.
The long time taken for the loading will make the readers uninvited to read your blog.
By using the jQuery Lazyload, the loading time of your blog will be improved.
The image in your blog will be loaded when you 'look' at them.
So, to improve the loading time of your blog, you have to make some adjustment to your blog.


Step 1: Login to Blogger.com

Step 2: Go to Layout > Edit HTML

Step 3: Find this <b:skin><![CDATA[/*  tag and paste this code above it. If you already put this code please ignore this code:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>

Step 4: Use Ctrl+F and search for this </head> code.

Step 5: Replace the </head> with this code:

  <script src='http://dl.getdropbox.com/u/1693834/javascript/lazyload.js' type='text/javascript'/>

<script type='text/javascript'>

    $(function() {

      $(&quot;.post img&quot;).lazyload({

        placeholder : &quot;http://i195.photobucket.com/albums/z105/dantearaujo/box.gif&quot;,

        threshold : 200

      });

    });

</script>

</head>

Step 6: Save your template and done.



Credits:

- The Lazyloader is inspired by  YUI ImageLoader.Utility by Matt Mlinac
- BloggerTuts
- Demo

  If you have any problem when installing the code, please leave a comment. You comment will be replied soon...

InspiredMagz.com