jQuery Lazy Load Plugin For Blogger

| |


The jQuery Lazy Load is a powerful plugin which lessens the load time of your blog. This script loads the images very fast. This is very useful plugin for blogs with lots of images. So we will be learning how to integrate this plugin to blogger.I strongly recommend everyone to use this plugin specially if you are using some slider on your blog. This script loads all your images in the slider very fast.

ADDING JQUERY LAZYLOAD PLUGIN TO BLOGGER:-

1. Sign in to your blogger account.
2. Then jump to Templates Tab.
3. Now click 'edit html' button.
4. In the html editor find for </body> tag.
5. Now just before </body> paste the below code:-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="http://stylifyyourblog1.googlecode.com/svn/trunk/lazyload.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript" charset="utf-8">
      $(function() {
          $(".post-outer img").lazyload({placeholder : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIp6qCabSmrMP8FnCNQDHS6_oHA_k41Z7PUuT7bL_w0C3iZfg0ISl61C-SUy_EvQXUC2DhjkaJvGukpZA06hK_aOcxddAjqaJpgFpxvfPndcini6CBOk1H9ZK_L5e2MJizFHF60JGckVXt/s1600/greys.gif"});
      });
  </script>
Now check your blog with high speed image loading.

1 comments:

It really works! Although my blog, imperialflags.blogspot.com, is impossible to deal with- just too many images...
But my main one works like charm; cheers!

Post a Comment

Powered by Blogger.