Cara Memasang Lazy Load Dengan Mudah Di Blog
Cara Memasang Lazy Load Dengan Mudah Di Blog

Cara Memasang Lazy Load Dengan Mudah DI Blog - Halo teman-teman, kembali lagi bersama admin writerhilmy.xyz, pada kesempatan hari ini, saya akan membahas tentang tips blogging yaitu yang berjudul Cara Memasang Lazy Load Dengan Mudah DI Blog.

Apakah kalian pernah merasa, jika kalian membuka situs orang lain loadingnya lambat, sedangkan koneksi internet cepat, maka mana yang salah? apakah koneksi kita atau situsnya? ya pasti itu karena situsnya sangat lambat loadingnya, lambat loading membuat pengunjung kabur dari blog kita, karena dia membuka situs kita dengan keadaan lambat loadingnya, sedangkan koneksi si pengunjung bagus, jadi kalian harus melakukan sesuatu untuk mempercepat loading blog, agar si pengunjung betah di blog kita, sehingga blog kita mempunyai trafik yang meningkat, lalu apa caranya? apakah mudah dipasang? caranya akan dibahas di artikel ini, sangat mudah sekali, bahkan anak TK pun bisa ( Hanya Bercanda).


Dengan cara memasang Lazy Load, bagaimana cara kerjanya mas? cara kerjanya adalah, jika blog yang dikunjungi sudah selesai loadingnya, tetapi gambar yang ada di blog itu masih blank, tetapi jika kalian men scroll nya ke bawah, maka gambar tersebut akan membuka satu-persatu, jadi cara ini sangat efektif dan simple untuk dipasang, oke langsung saja ke pembahasan tutorialnya.

Cara Memasang Lazy Load Dengan Mudah Di Blog

  • Seperti biasa, kalian masuk terlebih dahulu ke akun blogger.com
  • Lalu klik tema yang ada di pojok kanan bawah.
  • Lalu klik Edit HTML yang ada di samping Sesuaikan.
  • Lalu kalian Cari kode yang bernama </body> ( Agar lebih mudah dalam pencarian, gunakan fungsi CTRL+F pada keyboard anda)
  • Jika sudah ketemu, maka langkah selanjutnya tinggal copy kode yang dibawah ini tepat diatas kode </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:"http://1.bp.blogspot.com/-Qg5bi1ZtDdM/VZ5nHAyYBqI/AAAAAAAAChE/exGnasO4oyk/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
    //]]>
    </script>
    
  • Jika sudah, maka klik simpan tema.
  • Lalu, lihatlah hasilnya.
Jika kalian sudah memasang cara tersebut, insyaallah blog kalian akan lebih cepat dibandingkan sebelumnya, dan bisa untuk meningkatkan trafik blog kalian, oke sekian dari tutorial blogging yang saya tulis, apabila berkenan untuk berkomentar, silahkan berkomentarlah dengan bijak, saya akan berusaha untuk membalasnya secepat mungkin, terimakasih dan sampai jumpa keblai di artikel selanjutnya ya.

Berlangganan update artikel terbaru via email:

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel