kelopak bunga

Ringankan blog dengan jQuery Lazy Load


Hello ape  apa  kabar semua...sihat? Bsn betol la hri ni huhu..So Aisyah update blog skit..Hari ni Aisyah akan update blog mcm mne nk ringankan blog,Haa!!mesti di antara korang nk taw cmne kan? It's very,very easy tau..Ye la ade sesetengah blog korang cam "Stuck"...Haa,,cer korang try "step2" yg Aisyah bgi kat bwh ni ..

Lazy Load membantu meringankan blog dengan mengurangkan tempoh masa proses loading page pada sesebuah blog terutama pada blog yang banyak memaparkan image gambar ataupun image yang bersaiz besar. 

 Untuk memasang jQuery Lazy Load di blogspot, ikut beberapa langkah di bawah.

Langkah 1

Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript.

Copy dan paste kod di bawah pada content HTML/Javascript.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript' src='http://javscript-code.googlecode.com/files/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/AVvXsEiQh-faNVmHrPQB1Hv_pq4nlwlhSAlnaERLYpwy8jBCqpaQ5Wh7FIMTb8e7Uw7d5nHhjJctoIoS-frPhZxqLbJN4L2vYFdjDAY_t5omF2dlIFHFHlXK1PZzriT11sdo3zVSlDZbGXf5Tx8/s1600/grey.gif"
});
});
</script>

Akhir, sekali, klik Save.


p/s:

1. Jika tiada sebarang efek berlaku selepas kod di Save, sila paste kod tersebut sebelum atau di atas kod </body> pada script template.

2. Jika tiada seberang perubahan selepas kod di paste di atas atau sebelum kod </body>, sila paste kod tersebut sebelum atau di atas kod </head>
3.Good luck ;) Hehe..

♥ Terima Kasih Daun Keladi,Ada Masa Update Lagi ♥

No comments: