Lazy load for blogger

Step 1: Login to your blogger account. Go to Layout > Design > Edit HTML 
Step 2: Search for </head>  and add the following just after it:


<!-- Tipsandtricksfor.blogspot.com -->
<!--[if IE]><![if gt IE 6]><![endif]-->
<script src='http://www.google.com/jsapi' language ='javascript'/>
<script language ='javascript'>google.load('jquery','1.4.2');</script>
<script src='http://goo.gl/m1j1l' language ='javascript'/>

<script language ='javascript'>$(function(){$("img").lazyload({threshold : 200,placeholder:"http://2.bp.blogspot.com/_RAxMrTrEWcE/TOZhBf8pc_I/AAAAAAAAAKc/1ItKw2qpPFA/s1600/grey.gif",effect:"fadeIn"})});
</script>
<!--[if IE]><![endif]><![endif]-->


Step 7 : Now save your template and you are done.