Tutorial Cara Lancarkan/Ringankan Page Blog Dengan jQuery Lazy

Hai all...Hari ini koz nak kongsi ilmu baru dengan korang,terutama pada blog sesiapa yang mengalami masalah loading yang agak lama untuk membuka blog.Cara mengatasinya adalah dengan mengunakan plugin jquery.Apa kegunaan plugin ini?Kegunaan plugin jquery adalah untuk mengatasi masalah loading pada blog yang mempunyai gambar/picture yang banyak atau beraiz besar.Dengan mengunakan plugin jquery ini,jika di scroll.Gambar-gambar yang akan di pamirkan akan mengalami proses loading tanpa menganggu loading page blog anda.Maksudnya page blog anda akan loading secara lancar dengan loading gambar menyusur selepas itu.Sebagai contoh anda boleh lihat pada blog koz ini...Setiap gambar akan menjadi kelabu dahulu and selepas page di buka barulah gambar terpapar satu persatu.Ingin cuba membuatnya?Senang sahaja,ikuti lagkah-langkah di bawah:-

Langkah 1

Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 2

Kosongkan pada tajuk widget dan kemudian copy paste code di bawah

<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://img838.imageshack.us/img838/2931/loadingpagebudaknakal.jpg"
});
});
</script>

Save dan lihat hasilnya...

Camat mencuba....

Ranking: 5