HOME ask DASH FOLLOW

July 24, 2011

Tutorial jquery lazyload .

Hai-2 korang , nak kongsi sikit ni , jquery lazyload . Apa tu ? Itu ialah mempercepatkan loading kat blog korang . ;] . Tuto ini untuk mana-mana template boleh guna . :]

LET's RockinG!
1. Dashboard > design > add gadjet > html javascirpt .
2. Copy and paste code ini :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"><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/AVvXsEgM7luhS6EsW2OVgKinaGj64r23qJf_UL952rNmLlRuNLm3r9PdHCMt4tcuRr5yz3KilzYdkWSrEBq84Xq3zmCNAylhdFoK-sbOe6OCWqdt2HjkuSY3WYdi9l6Ww4bkd3h1H328hQsT6EI/s1600/grey.gif"});});</script><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/AVvXsEgM7luhS6EsW2OVgKinaGj64r23qJf_UL952rNmLlRuNLm3r9PdHCMt4tcuRr5yz3KilzYdkWSrEBq84Xq3zmCNAylhdFoK-sbOe6OCWqdt2HjkuSY3WYdi9l6Ww4bkd3h1H328hQsT6EI/s1600/grey.gif"});});</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"><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/AVvXsEgM7luhS6EsW2OVgKinaGj64r23qJf_UL952rNmLlRuNLm3r9PdHCMt4tcuRr5yz3KilzYdkWSrEBq84Xq3zmCNAylhdFoK-sbOe6OCWqdt2HjkuSY3WYdi9l6Ww4bkd3h1H328hQsT6EI/s1600/grey.gif"});});</script>
3 . Paste code ini di html javascirpt .
4. Save and siap ;]

SELAMAT MENCUBA ! 

No comments: