
Jom ringankan blog !
Senang je tutorial ni, amik masa 15 saat je nak buat !
Jquery lazy Load berfungsi sebagai agen yang membantu ringankan blog yang ada banyak gambar. Jadi jom 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/AVvXsEja1WQwaYKOK-ROW3k9SwJaIwhBOVlLB2cqtHpE-3qnyH1MoB_9YQLeyveacOQ7Gq0wSP4AuwYbc9hPi-M4hUlkdDO_V3Y89QdKUyc4onUpsAu7kUAOnSvAnPwPMsbC1sgWDXo9bjegIQY/s1600/grey.gif"
});
});
</script>
- Paste kod
- Save kod dalam kotak Html / Javascript tadi.
- Siap !
*****
Kalau effect Jquery Lazy Load masih tak berfungsi dalam blog korang selepas korang letak kod kat atas ni, korang 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/AVvXsEja1WQwaYKOK-ROW3k9SwJaIwhBOVlLB2cqtHpE-3qnyH1MoB_9YQLeyveacOQ7Gq0wSP4AuwYbc9hPi-M4hUlkdDO_V3Y89QdKUyc4onUpsAu7kUAOnSvAnPwPMsbC1sgWDXo9bjegIQY/s1600/grey.gif"
});
});
</script>
- Letak kod sebelum atau selepas </body> .
- Hah ! Kalau tak boleh jugak, boleh lah paste kod sebelum atau selepas </head> pulak =)
= G00D Luck =
No comments:
Post a Comment
Assalamualaikum ,,
Letak komen anda di sini ,,
Satu pun jadilah ye ..