Ringankan blog dengan jQuery Lazy Load

POSTED ON: 17 Sept 2011 @ 19:18 | 019 drops love

Ape tuh jQueary Lazy Load ? Bda ny ringan kn blog , nak2 bg korang yg suke tarok gambar banyak2 . lambat kan nak load . so let us start this tuto :)

1. Pegi Dashboard > Design > Add a Widget > Edit Html
2. Copy dan paste je kod bawah ni :

<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/AVvXsEiLXWiFU1WrKSsky0Hk1w5wxmC17AbqPCj6bv3aA-s_C9z87mFyqsbo321qT7w6dVrxTD-dFNl3DIo8xkOCTUkV9C4VsAONCiP0gUPX7Y5jaqFJ_1i5-DyP3ZcWlh0ebMr1-hyy4AddQRI/s1600/grey.gif"});});</script>

3. Kalau care ni tak jadi , korang paste kod atas ni dekat </body>  pada template korang .
4. Kalau takde juga korang letak kod tuh dekat </head>
5. Kalau dah takde pape masalah tekan je save , thats all

p/s: jgn lpe leave ur comment as a credit oke

❤' Older | | Newer '❤