Lazy Loader adalah plugin jQuery di mana efek lazy load akan menangguhkan proses loading bagi image yang terdapat pada blog. Efek Lazy load hanya akan berfungsi apabila page di scroll. Image selepas page yang di scroll akan terpapar dengan menggunakan efek jQuery Lazy Load.
Lazy Load membantu meringankan blog dengan mengurangkan tempo masa proses loading page pada sebuah blog terutama pada blog yang banyak memaparkan image gambar ataupun image yang berukuran atau size besar.
Dan Untuk memasang jQuery Lazy Load di blogspot Cukup mudah, ikuti beberapa langkah di bawah:
Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript.
Copy Paste Kode di bawah ini ke dalam widget/gadget HTML/Javascript
Source Script
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript' src='http://davitblog.googlecode.com/files/jquery.lazyload.mini.js?ver=1.5.0'></script>
<script type="text/javascript">
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery("img").lazyload({
effect:"fadeIn",
placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinsFpDDoCPMAl0b0MordaGQ7Hc4o9zdir7-EBvdfesvEYwsxPdTkZJg0qc7S6jh5iR1FTnaBi4wprKS-n4_mNMKDeoOAbNbiGzuqIxWhBO5icBEjsDM7BIidRL8QPwfQzpTcvwRUnzKC4/s1600/grey.gif"
});
});
</script>
Dan Simpan
Catatan :
Jika tidak ada perubahan efek yang terjadi setelah kode di Save, coba pastekan kode tersebut sebelum atau di atas kode </body> pada script template.
Jika belum juga terjadi perubahan setelah kode tersebut di paste di atas atau sebelum kode , coba dengan paste kode tersebut sebelum atau di atas kode </head>