Cara meringankan blog dengan jQuery Lazy Load

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 setelah page yang di scroll akan terbuka dengan menggunakan efek jQuery Lazy Load.

D E M O

Lazy Load membantu meringankan blog dengan mengurangi tempomasa proses loading page pada sebuah blog terutama pada blog yang banyak memuat image gambar ataupun image yang berukuran besar.

Untuk memasang jQuery Lazy Load di blogspot, ikut beberapa langkah di bawah.

Login Blogger Dashboard 
Klik Design --> Add A Gadget --> HTML/Javascript.
Copy dan paste kode di bawah pada content HTML/Javascript. Jika gambar kurang jelas arahkan kursor pada gambar...

dan inilah scriptnya

<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/AVvXsEidrFYn4sKwTucriXuXT0L9fc9f-x4MCBTgt9mPHRZJQ3g_XcmkoM0Q6PeDB8hr9a0bhjYFVPHm5fAKwFKnQqZZysGdRB2WMPuKUKPA5RHjZVZ4re2GdicgJG5EPoDE3gUrbDmQGiy2HVU/s1600/grey.gif" }); }); </script>

Terakhir dan yang paling utama, klik Save.

NOTE:

1. Jika  tidak ada perubahan, silahkan paste kode tersebut di atas kode </body> pada script template.
2. Jika tidak ada perubahan juga, maka silahkan dicoba lagi dengan cara paste di atas kode </head>

Demikian semoga bermanfaat....

                                              

The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :

• 
• 

» Selamat Berkreasi - E F A «