Cara Gampang Memasang Lazy Load Di Blogspot

Cara Praktis Memasang Lazy Load Di Blogspot - Saat ini google kembali memperbarui algoritmanya salah satunya yaitu blog dengan loading tercepat lebih berpotensi masuk ke page one , oleh sebab itulah banyak web dan blog beramai - ramai mencari cara mempercepat loading blog mereka salah satunya dengan memasang AMP diblog mereka.

Nah template AMP itu tidak sanggup didapatkan secara gratis meskipun ada yang gratis tapi tidak berkualitas maka dari itu ada sebuah pilihan alternatif bagi kalian yaitu dengan cara memasang Script Lazy Load ditemplate agan.

Apa manfaat Lazy Load ? 

Lazy Load berfungsi untuk mempercepat loading blog agan yang tentunya sanggup menciptakan blog agan jadi lebih SEO

Berikut cara memasang script lazy load diblogspot :

1. Silahkan kunjungi dasbor blogger kemudian ke Tema > Edit HTML lalu copy isyarat berikut dan pastekan di atas </body>

 <script type='text/javascript'> //<![CDATA[ // Lazy Load (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/AVvXsEiJXHLs3yBLexeSwJMemESYNT4xZmAaFnRaiMJcj02xjJKL6HoudRBIioJlvLEJ-8RNe7a-8woJVmNEGWh6KWxkrnfeVq_NvFTYCk1gT9JndlionMPeCQDwBhS66xxOlxmKqpgo0ESuz0Vj/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})}); //]]> </script>

2. Simpan template dan lihat hasilnya


Itulah tadi cara gampang memasang lazy load di blogger biar bermanfaat bagi agan sekalian.