Tuttorial Time !
Ok guys. Nampaknya blog semakin berat dari hari ke hari. ayo kita membasmi blog berat ! Harini mau share dengan kamu cara nak ringankan blog dengan Jquery Lazy Load.
semoga bermanfaat
Ok guys. Nampaknya blog semakin berat dari hari ke hari. ayo kita membasmi blog berat ! Harini mau share dengan kamu cara nak ringankan blog dengan Jquery Lazy Load.
ayo ringankan blog !
sejenak kita belajar blog sekitar 15 menit saja
Jquery lazy Load berfungsi sebagai agen yang membantu ringankan blog yang ada banyak gambar. Jadi langsung kita gunakan kemudahan ni. Cara Meringankan Blog :
- Go to >> Page Element
- Add a Gadget
- Pilih Html / Javascript
- Copy kod dibawah :
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<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/AVvXsEjpRxheR1LLmRJim9JWdflTsjLP2UYSdp6kOHpLZsJmIl4_ckNhUZhHhHU0s7J1-ZAsZ5s9aehEMM0jPDPB-SPgOSgaiOGt5b791fuUf4nG1F-Ki8CNmWGjXPve6BvsQQbG-hkJlj5tozM/s1600/grey.gif"
});
});
</script>
- Paste kode
- Save kode dalam kotak Html / Javascript tadi.
- Siap !
*****
Kalau effect Jquery Lazy Load masih tak berfungsi dalam blog kamu selepas kamu letak kode di atas ni, kamu boleh gunakan alternatif lain.Cara Meringankan Blog :
- Go to >> Edit Html
- Ctrl F dan cari perkataan
- </body>
- Kemudian, Copy kod dibawah :
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<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/AVvXsEjpRxheR1LLmRJim9JWdflTsjLP2UYSdp6kOHpLZsJmIl4_ckNhUZhHhHU0s7J1-ZAsZ5s9aehEMM0jPDPB-SPgOSgaiOGt5b791fuUf4nG1F-Ki8CNmWGjXPve6BvsQQbG-hkJlj5tozM/s1600/grey.gif"
});
});
</script>
- Letak kod sebelum atau selepas </body> .
- Hah ! Kalau tak boleh jugak, boleh lah paste kod sebelum atau selepas </head> pulak =)
