animasi loading

Sunday, October 28, 2012


Annyeonghaseyo...





Wah,hari ini julia nak ajar tutor baru!
nak tahu ape die,
jom tengok gambar dibawah ini:

nampak x..itulah die animasi loading

jom ikut step dibawah ini:

1.log in-->dashboard-->design-->editHTML-->tick expand widget

2.search kod ni:

<body>

3.korang hapuskan kod tuh dan gantikan dengan kod yg baru ni:

<body onLoad='waitPreloadPage();'> <!-- Loading with Image --> <div id='prepage' style='display:scroll;position:fixed;top:100px;left:3px'><img border='0' src='http://i811.photobucket.com/albums/zz36/asksalman/loading2.gif'/></div> <!-- Ends Loading with Image -->

4.kemudian cari kod ni pulak

</body>


5.korang hapuskan jugak kod tuh dan gantikan dengan kod yg ni:

<script language='javascript' src='http://pageprotection.googlecode.com/files/loading.js' type='text/javascript'/></body>

6.ok,yg kod pertama tadi ade nampak x yg julia highlightkan warna merah tuh,korang boleh tukar dengan jenis animasi loading yg lain kat bawah ni:

7.da siap>SAVE!

lihatlah hasilnya bila korang click pada gambar di blog korang!