Home » » Tutorial : Meringankan Blog Menggunakan Jquery Lazy Load

Tutorial : Meringankan Blog Menggunakan Jquery Lazy Load

Assalamualaikum...hari ni mood yang baik untuk share satu lagi ilmu untuk meringankan blog kesayangan korang...

Penyelesaiannya ialah dengan memasang jquery lazy load...pada yang baru first time dengar jquery lazy load ni merupakan plugin jquery yang berfungsi untuk menangguhkan proses loading image yang terdapat dalam blog...mudahnya , pada korang yang suka letak banyak gambar dalam entri dan pada ruangan sidebar bolehlah menggunakan tutorial ni terutama sekali jika anda menggunakan imej bersaiz besar....

1) Dashboard >> design >> add gadget >> HTML javascript

2) Copy koding di bawah 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>

3) Paste dalam kotak HTML

4) Save

P/s : pada yang dah jadi caer ucapkan tahniah ye...kalau still tak menjadi atau memerlukan bantuan berkenaan tutorial ni sila inform caer ye...nanti caer akan tunjukkan tutorial meringankan blog pada part 2...ok credit pada blogger ni >> silampuneon

26 comments:

Kyra Elric said...

wahhh bgus nie..nk cuba uat la :D
nice entry..love it

caer sasuke said...

pojiekyra : ok..sila cube2 ye..=)

Abang Long said...

Salam...pernah install JS ni dulu masa guna template lama. Bila dah tukar template tak install balik. Memang membantu page loading cuma kadang2 memang dia agak malas (namanya pun lazy load)..hehe

http://abanglongonline.blogspot.com/2011/06/burukkah-bermain-snooker.html

caer sasuke said...

wsalam...haha biase la tu..kdang2 widget byk sgt pon payah jugak..anyway salam kenal dari caer..=)

zareliqa afiqa said...

thanks 4 da tuto..nak try lar pas nih,hihi

caer sasuke said...

zareliqa : insyaAllah part 2 bkal menyusul..hehe

Juwita Afifah said...

Dah try dahhh. Macehh! =D

caer sasuke said...

mrs. farhan : amacam laju x??hehe

Aku Bah Nie Imah said...

wahh tutorial membantu nie...nak try la.

caer caer ctk hader la..suke..le ajar cam mana nak buat..hehe

caer sasuke said...

queenlmah : ok slmat mencube..erm insyaAllah klu de mase caer buat tutor ye..trimas byk2

lalalililulu said...

wow hebat! share la tuto lagih....

caer sasuke said...

lallililulu : insyaAllah beyonce..haish silap plak..kih3

lalalililulu said...

tyra banks laa...huhu

caer sasuke said...

lalalililulu : haha my mistake..baru perasan..ni model tu..hehe

Nur Sulastri said...

thanks for this tutorial, dah buat dah. hehe :)

caer sasuke said...

nur sulastri : same2..mudah je kan..=)

ika said...

BEST..BESSTTT!!!

dah slmat dah mencolik coding2 nih..

HEHE~~..

thnx yea....

:) memfollow mr.caer... :)

caer sasuke said...

mrs. asrafovic : hehe culik sume koding ni ye..sama2 n trimas gak

M Fizan said...

wahhh..best..tenkiu2..kalau tak jadi, repot polis bley? :D

caer sasuke said...

m fizan : adoyai smpai kena report plak..ahaha..anyway same2

khairul akmal bin azman said...

gua try wat pasni..
kasi senang org nak masuk blog gua..thanx dude

caer sasuke said...

kay : same2..slmat mencube ye..=)

Unknown said...

xde beza pun.malah tambah size blog..cmne nk wat?

caer sasuke said...

sibudakkurus : owh ade care lain..boleh copy n paste sblum koding bskin..=)

Anonymous said...

apa tu HTML javascript ?? xjumpa pun kat add a gadget

caer sasuke said...

anonymous : ade je..add gadget dan cari je html..itu la die..hehe

 
copyright reserved by caersasuke