Assalamualaikum .
Korang dah baca ke kepentingan mempunyai blog yang senang loading & ringan ? Belum ...? Jom baca dan timbang blog korang di >sini< .
Dah?
Gambar hiasan penyeri entry :) |
Sekarang mai akan kongsikan kelebihan JQuery Lazy Load . Apa yang istimewanya Lazy Load nie?
Blog akan lebih cepat loading sebab segala gambar hanya akan dipaparkan semasa blog di scroll . Bagi blog yang mempunyai banyak gambar , ini sangat penting untuk mengurangkan tempoh masa loading page .
Walaupun tak mampu meringankan blog secara pukal , namun ini sangat membantu . Kalau nak tengok cara Lazy Load ini berfungsi boleh klik >sini<
Langkah-langkah :
- Dashboard > Layout > Add a gadget > Html/Javascript
- Pastekan link di bawah
<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/AVvXsEgnfFg0p1ziIm6-CeEfkaqPA7VPnuFSoH7zuFp7BSDxdy2RboMRGH13QuNqucefGtX-Ol338Giu7sZGgMnG4ahn6ssm6zfixc0P_h2a5cBSUAXjqx_QmhJIvLA-sUh7UTFLOzTfXGlOyog/s1600/grey.gif"
});
});
</script>
Dah siap? Save .
Senang kan :)
Assalamualaikum .
16 Comments
Owh camtu ye..
ReplyDeletemesti blog nelly berat kan ? :D
ReplyDeletehaha ye camtu...
ReplyDeletehehe
ReplyDeletenak try lah
tengs wat tuto nih~~
^.^
blogwalk here
anda ditag
jum lah join
http://sayacikamal.blogspot.com/2012/06/segmen-jom-tingkatkan-follower-anda.html
wahh!!!
ReplyDeletecepat lah
^.^
tengs cikmai. tp takleh la, habis gmbr kita yg gerak2 tu hilang. hikhik
ReplyDeletenice tuto :)
ReplyDeleteuseful tips dr cik mai. thanks sis. :)
ReplyDeletesemudah ni je ehhh? huhu. :)
ReplyDeleteTengss ! Nice tuto !
ReplyDelete@cik amal : eh awak buat ye? hehehehe
ReplyDelete@gadis : ha ah la, baru mai perasan gambar tu tak gerak dh...sorry...
@sharina : thanks awak
@chic na : welcome sis :)
9n0l4 : ye awak :)
dah apply kat layout ... nnt nak test jd tak
ReplyDeleteeerrr,,,, Headerrr cik maii lawanyaa,,,alololo sweeet
ReplyDeleteaku dah try ... menjadi der. boleh share tak ? hehe
ReplyDelete@gadis gingsul : ye ke?haha design sndiri ni,tima kasih.haha
ReplyDelete@tanpanamader : sila sila :)
babap cikmai nanti. hihi
ReplyDelete