Cara Pasang Animasi Gambar Saat Loading Page

Minggu, 02 Oktober 2011

Cara Pasang Animasi Gambar Saat Loading Page

Berikut adalah langkah cepat Cara Pasang animasi gambar saat loading page :

Login Blog terlebih dahulu di http://draft.blogger.com
Pilih layout untuk memulai pengeditan pada Blog yang di inginkan
Pilih Tab Edit HTML lalu cek/Centang kotak expand Widget Template
Cari kode <body>
Untuk mencari kode tersebut dapat dipergunakan fasilitas Find pada web browser. Sebagai contoh pada browser Mozilla Firefox ditunjukkan pada Menu Bar -> Edit -> Find (Alt+E+F) atau dengan menekan kombinasi tombol (Ctrl + F) Ganti dengan : <body onLoad='waitPreloadPage();'>  <div id='prepage' style='display:scroll;position:fixed;top:100px;left:3px'><img border='0' src='http://www.foundation33.org/images/foundation33.org/loading.gif'/></div>
Cari lagi kode </body> lalu letakkan kode berikut diatas atau sebelum kode </body>

setelah semua di atas selsai . sekarang sobat simpan perubahan template lalu lihat hasilnya :)
Note : Ganti alamat http://www.foundation33.org/images/foundation33.org/loading.gif untuk mengganti animasi gambar pada saat loading halaman dan top:100px;left:3px untuk mengatur posisi letaknya