Global Variables

Minggu, 02 Oktober 2011

Cara Pasang Animasi Gambar Saat Loading Page

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

  1.  Login Blog terlebih dahulu di http://draft.blogger.com
  2. Pilih layout untuk memulai pengeditan pada Blog yang di inginkan 
  3. Pilih Tab Edit HTML lalu cek/Centang kotak expand Widget Template
  4. Cari kode <body>
  5. 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();'> <!-- Loading with Image --> <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> <!-- Ends Loading with Image -->
  6. 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


0 komentar:

Posting Komentar