August 13, 2011

How To Add JQuery Lazy Load Plugin to Blogger

How To Add JQuery Lazy Load Plugin to Blogger



1.Log in to your dashboard--> Desing- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see </head> tag.

4.Now add below code 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://bloggertrickandtoolz.googlecode.com/files/www.bloggertricksandtoolz.com-lazyload-min.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;https://lh5.googleusercontent.com/_u4rBCfM4eII/TXksAi6R_OI/AAAAAAAABZY/2k63Mrtswf0/grey.png&quot;,threshold : 200});
});
</script>

5.Now save your template and you are done.

You can see more details about this JQuery Lazy Load Plugin from here:http://www.appelsiini.net/projects/lazyload.

Cheers.!

No comments:

Post a Comment