Posted by : Unknown
Minggu, 17 Maret 2013
Mempercepat loading blog adalah suatu keharusan yang perlu dilakukan oleh seorang blogger. Selain agar pengunjung betah, blog yang mempunyai kecepatan loadingnya sangat cepat akan lebih mudah terindeks google saat mengupdate postingan. Untuk itu bagi anda yang blognya lambat, wajib menggunakan cara ini. Karena pengunjung tidak mau berlama-lama menunggu, hanya untuk info yang sudah banyak dishare disitus lain. Script yang saya share ini berfungsi untuk menunda load gambar, sebelum discroll ke area gambar akan terlihat.
Berikut langkah-langkahnya:
1.Dashboard
2.Template > Edit HTML
3.Centang yang bertuliskan Expand Template Widget
4.Pasang kode dibawah ini, diatas </head>
Tekan Ctrl+F agar mudah mencari kodenya
Berikut langkah-langkahnya:
1.Dashboard
2.Template > Edit HTML
3.Centang yang bertuliskan Expand Template Widget
4.Pasang kode dibawah ini, diatas </head>
Tekan Ctrl+F agar mudah mencari kodenya
<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("<img />").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().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}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:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjql2_Q_9UvJ-lhZ5WLJCxPLflgNhMPnDi0vOuaCOlPR1xFwqTMGo4VokNE_rVL7rbwKV9ljwhmlxnxMBCF50wNoTuIyV60OKRp_wU1tkuqAqGe7TOSJoubXDUk8KvPQ51jy0mNGJAiK5M/s1600/titik-satoshi48.blogspot.com.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>
5.Save Template
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Script Loading Gambar Agar Blog Lebih Cepat Terbuka
Related Posts :
- Back to Home »
- Trik dan Tips Blog »
- Script Loading Gambar Agar Blog Lebih Cepat Terbuka