Tutorial:Cepatkan loading blog guna Jquery Lazy Load

Julai 13, 2011

Assalammualaikum. (=

Hello readers. Sekarang Aind nk share satu Tuto yang berguna untuk korang. Suke x? suke x? baik cakap suke! hehe. kidding~Tuto ni bagus ubtuk korang yang suke letak gambar besar2 dalam blog. header korang yang terlalu berat, boleh lah gune ni.ok, here we go. just 3 easy steps!

1) Dashboard >> design >> add gadget >> HTML javascript

2)copy paste kan Code ni.

<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: "http://3.bp.blogspot.com/_LZtXSNcp76A/

THkEtEOZfrI/AAAAAAAABRo/IARVMD_8TwA/s1600/grey.gif"

});

});

</script>