Silahkan simak tutorial dibawah ini :
<script type='text/javascript'>//<![CDATA[
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"http://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>
- Login ke Blogger
- Klik Template => Edit HTML
- Cari kode </head> (gunakan ctrl+f untuk mempercepat pencarian)
- Copy kode javascript diatas
- Letakkan kode javascript sebelum kode </head> atau diatas </head>
- Klik Simpan Template
Kini loading blog anda bertambah ringan setelah anda Copy-kan kode diatas, semoga bermanfaat bagi anda semua.
5 komentar
mantap dah artikelnya saya mau coba kawan
Balasterima kasih,sangat bermanfaat
Balasterimakasih telah berbagi informasi yang menarik dan bermanfaat sekali
Balasdi tunggu informasi selanjutnya, sukses terus
Mas mau nanya,,, kalo mempercepat loading blog dengan mengatur expired header gimana ya??
Balasmantappp MEDIA BACKBOX
BalasPeraturan Berkomentar
► Komentarlah Sesuai Topik Artikel
► Dilarang Menggunakan Kata yang Mengandung SARA dan Sejenisnya
► Dilarang Membuat Link Aktif
► Berkomentarlah yang Baik
Terima kasih atas kunjungan anda, Selamat Berkomentar.
▁ ▂ ▃ ▄ ▅ ▆ ▇ █ █ ▇ ▆ ▅ ▄ ▃ ▂ ▁