Ticker

6/recent/ticker-posts

Tutorial Jquery Lazyload


Tutorial kali ini ialah "meletakkan Jquery Lazyload" kedalam blog anda,tutorial ini sesuai dan teramatlah disarankan kepada owner blog yang mempunyai banyak gambar,tutorial ini membantu untuk mempercepatkan loading blog andaan untuk lebih jelas lagi klik sini untuk preview.

Langkah 1
Copy code dibawah dan paste diruangan kosong.

<script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script>
<script type="text/javascript">
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery("img").lazyload({
effect:"fadeIn",
placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9OXYKQvDASUu02h5rvwsQCGrtGa5ZkAV1_anApBshGzDv452dH5OnlmlvJG2e3b0ItgInRPKW64P5olTEKmGiQLd0ShXe6s5Q4Pd2H9kzajeb3LUNdNZ0DwI9GQEyUn96r2vBR0_8vHU/s1600/grey.gif"
});
});
</script>

Langkah 2
Cara Pemasangan.
1. Login ke Blogger, Klik Design :
2. Pada Elemen Halaman, klik Add Gadget di lokasi yang Anda ingin letak;
3. Pilih HTML/Javascript;
4. Copy paste code HTML diatas ke dalam Content yang telah tersedia;

Semoga Berjaya ^_^

Catat Ulasan

2 Ulasan