Tutorial Memasang Script Lazy Load Di Blog
Tutorial Memasang Script Lazy Load Di Blog - Blogger kamu lambat akibat banyak postingan ataupun karena faktor lain, ada banyak cara untuk meringankan atau mempercepat loading blog kamu antara lain adalah memasang Lazy Load. Nah ini adalah salah satu trick dan tips optimasi blog.
Cara Memasang Lazyload
➤ Buka Blogger kamu lalu klik ➟ Template ➞ Edit HTML tambahkan kode di bawah ini sebelum kode </body>
<script type='text/javascript'>
//<;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/AVvXsEj3bZ-sNSf2cw2AiJO0dg2EujeHm_3T7VFYBVI_wheaGG2g7EIzFTBkYwg-s23qlpzOoCIo-40jX9ctPH12fy3FomX6cj7iDnxg2_6LCgkZuYBBrXgyfbJP0AEm12I6_r-Kim7muFJ8fqid/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>
//<;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/AVvXsEj3bZ-sNSf2cw2AiJO0dg2EujeHm_3T7VFYBVI_wheaGG2g7EIzFTBkYwg-s23qlpzOoCIo-40jX9ctPH12fy3FomX6cj7iDnxg2_6LCgkZuYBBrXgyfbJP0AEm12I6_r-Kim7muFJ8fqid/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>
➤ Klik Simpan, oke teman teman bisa lihat hasilnya coba refresh atau ganti menggunakan browser lain untuk mengakses blogger kamu
0 Response to "Tutorial Memasang Script Lazy Load Di Blog"
Posting Komentar