Ringankan blog dengan jQuery

Ringankan blog dengan jQuery , Artikel ini menginformasikan tentang

Ringankan blog dengan jQuery

secara lengkap dan detail dengan url http://davitblog.blogspot.com/2011/04/ringankan-blog-dengan-jquery.html ,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Ringankan blog dengan jQuery ini, namun jangan lupa untuk meletakkan link Ringankan blog dengan jQuery sebagai sumbernya.

Lazy Loader adalah plugin jQuery di mana efek lazy load akan menangguhkan proses loading bagi image yang terdapat pada blog. Efek Lazy load hanya akan berfungsi apabila page di scroll. Image selepas page yang di scroll akan terpapar dengan menggunakan efek jQuery Lazy Load. Untuk melihat Demo, sila klik di sini.

Lazy Load membantu meringankan blog dengan mengurangkan tempo masa proses loading page pada sebuah blog terutama pada blog yang banyak memaparkan image gambar ataupun image yang berukuran atau size besar.

Dan Untuk memasang jQuery Lazy Load di blogspot Cukup mudah, ikuti beberapa langkah di bawah:

Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript.
Copy Paste Kode di bawah ini ke dalam widget/gadget HTML/Javascript

Source 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='http://davitblog.googlecode.com/files/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/AVvXsEjk3uUvMfHjxv7Grz-9kCzitJt17khXcR1X3eUTb2VrHdL2nEztNc_MlmqlhB6u_2-WdQVhiT6lPiEJPgwRaxk_-KxlwYJ3ep8Y3YDTVTfjA9JIjuA6xHi-P74Tpy62NZKFFX17xD-RqkM/s1600/grey.gif"
});
});
</script>

Catatan : Catatan :

Jika tidak ada perubahan efek yang terjadi setelah kode di Save, coba pastekan kode tersebut sebelum atau di atas kode </body> pada script template.
Jika belum juga terjadi perubahan setelah kode tersebut di paste di atas atau sebelum kode , coba dengan paste kode tersebut sebelum atau di atas kode </head>