tutorial : Ringankan Blog Dengan jQuery Lazy Load

Assalamualaikum .. hari ini rajin sangat nak buat tutorial banyak-banyak ! sebab esok dah start working .. so ni hadiah sikit untuk Followers tersayang lilo .. sebab bila dah kerja mesti kurang update blog .. okay ! ikut step dibawah ..

sebelum tu nak bagi tahu .. jQuery Lazy Load ni bagus untuk ringankan blog kamu .. tutorial ni semua kena buat ! contohnya ada kat blog lilo .. kalau kamu perasan .. gambar kat blog lilo bila loadingkan warna grey ? and bila scroll baru gabar tu keluar kan ? so ?? itulah namanya jQuery Lazy Load ..

1. Dashboard > Design > Add Gadget > HTML/javascript

2. press Ctrl+ C copy code dibawah ni .. dan paste .

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></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/AVvXsEiwyqYYtXZA2LcaEaW_WzZsBq0A54GNQmSl34Atxa-TlphYFwDe1j7Xj-NIqgAXRfSkUhkf26X4KfJHvaxmMS-4lu4ShsKJkiNhZOZuK1GHZeAfNwuFkCvXZ4E0uMKJHRF1lfwvJvVs_LA/s1600/grey.gif"

});

});

</script>

3. tekan SAVE !