Posted by : Ham JavaNet Minggu, 17 Maret 2013

Percepat Loading Blogspot Dengan Script

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

<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:"http://2.bp.blogspot.com/-MS6XQIap5oE/UUXHPYSHogI/AAAAAAAAAJA/ehFcMNMvn3I/s1600/titik-satoshi48.blogspot.com.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>

5.Save Template

Description: Script Loading Gambar Agar Blog Lebih Cepat Terbuka
Rating: 4.5
Reviewer: Ham JavaNet
ItemReviewed: Script Loading Gambar Agar Blog Lebih Cepat Terbuka

Leave a Reply

Monggo Tinggalkan Jejak Kaks :)

Subscribe to Posts | Subscribe to Comments

Welcome to My Blog

Popular Post

Labels

Arsip Blog

Followers

- Copyright © 2013 shad0w-share | Designed by Johanes Djogan -