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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7eCmHk3KqECnLAdTqNefin4iGz4hJy5hzZWdtKJNVtNEcdkkLjs4A_WCUwDpNA4LnS7G97gfYzJneqijWSmf6AulG0edEMyFuexvbTC17VjB3JAQ7SXjp_8mWmfao6yuBdD0aZSR2w3Y/&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.!