Apa itu Lazy Load ?
Plugin ini di gunakan untuk memproses Ulang image yang belum di Load oleh Browser kita. Cukup simple, image yang belum di Proses oleh Browser kita, akan di wakili oleh sebuah Gambar berukuran 1x1 Pixel, jadi tidak akan memberatkan blog kita, nah bagi pengguna blogger, ini sangat di peruntungkan, karena kali ini saya ignin memberitahu cara memasangnya via blogger, untuk Website, saya belum menemukan Tutorialnya.
Sebelumnya, Kita liat dulu Screen shot penggunaan Lazy Load yang di pakai oleh Search Engine terbesar di dunia yaitu GOOGLE.
Spoiler :
![[Gambar: lazy-load.png]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP9BXwtoN_RiGGwKXH-ntj4xs8hgtBDMAGeppTtEx76MlYa2f_3AjRNdWzjzrAT46wfUHPAYZaAs5KMebjUmTpCBros_cD1dZAx_CDZaBburGmInxjkQntDOWyZ3SRnHFkQnnRZcC4730/s320/lazy-load.png)
Gambar di atas adalah penampakan penggunaan Lazy load yang di gunakan oleh Google. Image yang belum di load oleh Browser akan di wakili oleh Gambar berwarna Abu² yang berukuran 1x1 pixel. lansung saja tengok scriptnya oke
Jika blog sobat sudah menanam jQuery di bawah ini, maka tidak usah Di pasang script ini lagi. Jika belum, Masukan jQuery di bawah ini Di atas tag </head> , Di bawah <head> , di atas </body> atau Di bawah <body>
Spoiler :
Kode:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript">
</script>Jangan Save Template sobat dulu, Masukan Code di bawah ini di Atas tag </head>
Spoiler :
Kode:
<script src='http://bukan-master.googlecode.com/files/lazyload.js' type='text/javascript'></script>
<script type='text/javascript'>
$(function() {
$('img').lazyload({
placeholder : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyeRNXKQcm6FPmhAiGY7ejhCYxdg0ezMgjKEfjHF7R8Fzukzxae0hYIxUUcml-5uv8HpuLZv2haCQeeeDAedDnbOnQqlCovRDhnPMMIP-g06ID5HLUhRqk4ouUWfpm0m9y73IQTuFaXOY/s1600/grey.png",
effect : "fadeIn",
threshold : 500
});
});
</script>Sekarang, save template anda. dan Plugin ini sudah terpasang
Posting Komentar