Peaches_n

tuto : ringankan blog dengan menggunakan jQuery Lazy Load

Posted 1/12/11 // 3:01 AM

bila korang bukak blog aku , cuba korang tengok gambar2 , keluar benda kelabu dulu kan ? haaaa. tulah dya jQuery lazy load . bila korang scroll bawah , atas . gambar2 pon keluar.. lawa gituh.. senang jer cara nak letakkan nya..

1) dashboard > design > page elements > add a gadget > html Javascript

2) copy code dibawah dan paste didalam htmlJavascript TANPA tittle

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

3) siap DAN saveee .. =)

5 Comments:

cik diba said...: xleh buat laaa...nape ye; February 26, 2011 at 5:22 AM
creamlovebunny said...: ada silap kot..; March 11, 2011 at 11:11 PM
Unknown said...: nice..menjadi laa... thanks yerk; March 18, 2011 at 12:51 AM
Unknown said...: npe lau ltk diyer . lpas save keluar tlisan ?; June 2, 2011 at 8:32 PM
syhrsrdr said...: tamahu pun -.-; July 31, 2011 at 8:56 PM