Cara pasang animasi gambar pada saat Loading Page

Berikut adalah langkah cepat pasang animasi gambar pada saat loading page .
  1. Login Blog terlebih dahulu di http//draft.blogger.com
  2. Pilih Layout untuk memulai pengeditan pada Blog yang diinginkan
  3. Pilih Tab Edit HTML lalu Cek/Centang kotak  
  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)
  6. 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 --> 
  7. Cari lagi kode </body> lalu letakkan kode berikut diatas atau sebelum kode </body>
  8. <script language='javascript' src='http://pageprotection.googlecode.com/files/loading.js' type='text/javascript'/>
  9. 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

Recent Post

Follower