Memasang jQuery Lazy Load adalah salah satu cara untuk mempercepatkan "loading page" pada sesebuah blog yang mempunyai size image yang besar.
Lihat DEMO.
Bagaimana untuk memasang "plug in" ini ? Sila ikuti beberapa langkah mudah dibawah.
1. Sign in akaun blogger anda.
2. Pilih DESIGN --> Add A Gadget --> HTML/Javascript.
3. Copy kod dibawah dan PASTE.
<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/AVvXsEi3gsK4rlWZYalMaoiwNZ3Vi3VorR51H6tKJetd2Kgj5wXlotMGXflAIYQw_Vtf-e1KBp48F4ekFJePgRZm7T9WNlvr3LTB4gESdgP0aZNfphGazO360-620aDnVbxytc-bBOYb_GkZ6OQ/s1600/grey.gif"
});
});
</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/AVvXsEi3gsK4rlWZYalMaoiwNZ3Vi3VorR51H6tKJetd2Kgj5wXlotMGXflAIYQw_Vtf-e1KBp48F4ekFJePgRZm7T9WNlvr3LTB4gESdgP0aZNfphGazO360-620aDnVbxytc-bBOYb_GkZ6OQ/s1600/grey.gif"
});
});
</script>
4. Akhir sekali pilih SAVE.
5. Selamat mencuba.
3 comments:
what a cool tips here. i tried it and works greatly! thanks! ^_^ im the 170th follower..
untuk wp ada ga mas?salam kenal
tq...for the info
Post a Comment