Cara memasang Effect LazyLoad Pada Blog



Cara memasang LazyLoad untuk blog Blogger,Hal ini bertujuan untuk kalian para bloggers yang sedang sangat menyukai ngeblog,

Dengan blog kalian bisa meluangkan ilmu tanpa batas.Namun blog kalian juga perlu dampingan,Hehe dampingan dalam arti sisi agar blog bisa Loading lebih cepat !Emang bisa ?

 Ini memang sedikit membantu untuk kalian yang menginginkan Loading blog yang cukup cepat,Alias tidak berat jika di akses.

Hal semacam ini perlu di tekankan untuk sebuah blog yang ramai akan pengunjung,Agar pengunjung tidak kesal dengan loading blog yang cukup lama dan loading lambat.Utuk kalian yang gemar bermain blogger,Kalian bisa memasangkan sebuah Kode html Script agar Blog kalian lebih terasa ringan saat melakukan Loading dari per halaman.

Cara ini bisa kalian terapkan pada blog kalian,Jika menginginkan loading blog yang terbilang fast loading,Maka ada tambahan sedikit yang bisa kalian sisipkan pada template blog kalian geng.Dengan metode ini mungkin akan sedikit membantu kalian agar puas dengan page loading di blog web yang kalian kelola.Jadi jika sudah begitu blog kalian akan di senangi oleh banyak pengunjung,Karena tidak terlalu lama dalam memuat laman.

Cara memasang LazyLoad untuk blog Blogger
Okey topiknya sudah kalian tahu kan geng? Cara untuk meringankan loading pada blog ,Ini saya sendiri menggunakan trik ini,dengan bersumber refrensi dari blog teman-teman lainnya .

Yang saya temukan lewat pencarian Cara memasang LazyLoad pada blog yang tampil di google pencarian.Apabila kalian juga ingin tahu caranya? berikut di blog ini akan menyajikan Kode html Lazyload dan cara pasangnya di blogger.

Hasil dan manfaatnya memang terasa banget,Ini nyocok untuk mengiritkan data internet buat anda dan juga para pengunjung blog anda,Dari segi penampilan untuk gambar Thumbanil yang terdapat pada blog akan di buat secara overlay yang cukup bagus,Dan jika ingin memasangnya pada blog kalian ikuti langkahnya sebagai berikut:
  • Silahkan Buka Dasbhord pada Blogger kalian.
  • Masuk ke Item Tema atau Theme.
  • Jika sudah klik theme ,silahkan klik edit template.
  • Di halaman edit template Gunakan Ctrl+f untuk menemukan tag,Jika sudah masukan atau cari tag </body>
  • Pastekan Kode Html script (Jquery LazyLoad) di bawah ini.
<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>
  • Copy kode di atas dan tempatkan atau tempelkan kan pada tepat di atas tag </body> dan terakhir silahkan save templatenya,Dan rasakan hail overlay dari Lazy load yang kalian pasangkan tadi.
  • Lihat perbedaan yang terjadi pada blog kalian.
  • cara di atas adalah untuk meringankan loading suatu blog
Okey geng ,Di atas adalah kode Jquery untuk memasangkan LazyLoad pada blog kalian,Hal ini kalian bisa tujukan untuk mempercepat loading pada halaman web blog kalian,Dengan kode ini juga bisa membuat lay untuk thumbanil pada blog kalian,Pasangkan dan nilai sendiri untuk hasilnya.Selamat berkereasi.



Artikel Terkait

Postingan populer dari blog ini

Download Template Igniel versi premium Gratis

Begini Cara Memasang iklan penelusuran bersponsor google adsense Di Blog

Cara memasang artikel "Baca juga" ditengah postingan blog

Kumpulan Kode Html Javascript Untuk Edit Tampilan Blog

Cara Mengatasi Gagal Install Driver VGA Pada windows 7 All version

Koleksi Symbol Text Keren Untuk Blog Dan Sosial Media

Cara Mengetahui Nama Template Blogger Yang Orang Lain Gunakan

Membuat Related Post Grid Untuk Template AMP Blogger

Cara Mengatasi Tombol Edit Yang Hilang Pada Tata Letak Blog

Cara Mudah Menghilangkan ?m=1 dan m=0 Pada Url Blog