Cara Memasang Lazy Load

As salam hari ini saya ingin berkongsi ttutorial meringankan proses loading image.Lazy Load adalah plugin jQuery dimana efek lazy load akan menangguh proses loading bagi image yang ada pada blog.Efek load hanya akan berfungsi apabila page di scroll.Image selepas page yang di scroll akan terpapar dengan menggunakan efek jQuery Lazy Load.Untuk melihat Demo, sila klik di sini.

Lazy Load akan membantu meringankan blog anda dengan mengurangkan tempoh masa proses loading page pada sesebuah blog terutama pada blog yang banyak memaparkan image yang bersaiz besar.

Langkah-langkah memasang jQuery Lazy Load di blog :

1.Sign blog anda.

2.klik Design.

3.klik Add a Gadget.

4.Klik HTML / Javascript.

5.Copy kod dibawah ini dan paste di 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='https://sites.google.com/site/jquery01/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/AVvXsEgx8GDhLJ6ql0XZz_fCFka0PWW29Uj2XolW3rhfVaci3I0QT2fpDgnHIQIydv26vF-uByk-AvxM73aggJ0AAQeooZdZ1d2SD8Td-UoG8v6uIt4roEjOG71Azh9W2aJCFXLDP62iOTyCzcY/s1600/grey.gif"

});

});

</script>

6.Save.

Selamat mencuba…