Lazy Loader adalah plugin jQuery di mana efek lazy load akan menangguhkan proses loading untuk image yang terdapat pada blog. Efek Lazy load hanya akan berfungsi apabila page di scroll. Image sesudah page yang di scroll akan terpapar dengan menggunakan efek jQuery Lazy Load.
Untuk melihat Demo, silahkan klik di sini.
Lazy Load membantu meringankan blog dengan mengurangi tempo masa proses loading page pada sebuah blog terutama pada blog yang banyak memasang image gambar ataupun image yang berukuran besar.
Untuk melihat Demo, silahkan klik di sini.
Lazy Load membantu meringankan blog dengan mengurangi tempo masa proses loading page pada sebuah blog terutama pada blog yang banyak memasang image gambar ataupun image yang berukuran besar.
Untuk memasang jQuery Lazy Load di blogspot, ikut beberapa langkah di bawah.
Langkah 1
Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript.
Copy dan paste kode di bawah pada content HTML/Javascript.
<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://javscript-code.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/AVvXsEiCOFihB7xBG8Z6Z1C79KvgTV5AdL5zTKoNw4yq_NXCxtMDD-1sdJ2HE_g0kVe-rjrMYWDCpY3PUx6u5gGk0jFiWnCfNyna4Uu6NP6iAE1zsmx4oXzdBCcYfEFdruHUhVnQ4vQ_gXao7qU/s1600/grey.gif"
});
});
</script>
Klik Save.
Catatan :
1. Jika tidak berfungsi sesudah di copas kode di Save, silahkan paste kode tersebut sebelum atau di atas kode </body> pada script template.
2. Jika tidak berfungsi di paste di atas atau sebelum kode </body>, silahkan paste kode tersebut sebelum atau di atas kode </head>