image




If you’re site is experiencing slow loading time because of many large file of images containing in it, this tip might be of help. VenturealizeR shows you a quick solution to your problem. By adding the jQuery Lazy Load plugin to your Blogger blog, it can limit the page loading time of your site and reduce it. This plugin is written in JavaScript and delays the web’s loading of images, helping reduce the server load and makes long web pages with images load faster.
Here are simple steps to follow to add this cool plugin to your Blogger:
  1. Go to Blogger Dashboard > Template > Edit HTML
  2. Search for </head> tag (Hit Ctrl F for shortcut)
  3. Copy and paste the code below just above/before </head> tag
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://beautifulbloggerwidgets.googlecode.com/files/lazyload-min.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;http://beautifulbloggerwidgets.googlecode.com/files/grey.gif&quot;,threshold : 200});
});
</script>

4. Save template.

0 comments:

Post a Comment

 
Top