Berikut adalah langkah cepat Cara 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 Expand Widget Templates
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 --> Cari lagi kode </body> lalu letakkan kode berikut diatas atau sebelum kode </body>
7. <script language='javascript' src='http://pageprotection.googlecode.com/files/loading.js' type='text/javascript'/> 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
nih contoh gif loadingnya
Semoga bermanfaat ya gan , Salam netter.hehehe
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 Expand Widget Templates
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 --> Cari lagi kode </body> lalu letakkan kode berikut diatas atau sebelum kode </body>
7. <script language='javascript' src='http://pageprotection.googlecode.com/files/loading.js' type='text/javascript'/> 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
nih contoh gif loadingnya
0 Coment:
Posting Komentar