Tutorial : Ringankan blog.

As-salam..

Ada tutorial lagi, camne kita nak ringankan blog.  Contohnya yang banyak gambar-gambar dalam satu entri.  Macam blog aku ni la, suke letak gambar banyak-banyak. Well, blog ni masih berkonsep personal.  Write about my activities, what i like or dislike, still personal yang ada batasan la bagi aku. Sory, terspeaking pulak kat atas tu.huhu.  Jadi, kalau aku citer aktiviti personal tu kan, banyak la gambar aku tempek kat sini.  Aku memang risau loading blog ni lambat.  Tapi aku dah jumpa jalan penyelesaiannya iaitu menggunakan jQuery Lazy Load. Guna ni jugak, masa loading pun nampak lawa..ces!  Kalau tak caya, cuba tengok masa loading, gambar dalam blog ni macam flash-flash gitew. (sory kalau bahasa tak sesuai.)

Kalau nak buat jugak, mari aku kongsikan. 

 

Mula-mula buka Dashboard - Design - Add a gadget - HTML/ javascript 

tambah je kod ni.

<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: "http://3.bp.blogspot.com/_LZtXSNcp76A/THkEtEOZfrI/AAAAAAAABRo/IARVMD_8TwA/s1600/grey.gif"
});
});
</script>

 ~tak payah  edit ape-ape pun~

 p/s : Tak semua blog boleh guna jquery lazy load ni, kena cuba dulu.  Dan kalau nak try lagi boleh tengok link yang aku credit kan kat bawah ni.

 

credit to Nescafe Ais