Cara Membuat Animasi Page-Loading

Sekarang saya akan berbagi dengan kawan Cara Membuat Animasi Page-Loading Blog yang saya maksud disini, kurang lebih seperti kalau kawan membuka Blog / site sebelum isinya terbuka 100% maka Animasi ini yang akan tampil dan sebagai tanda juga bahwa Loading Blog sedang berjalan :r; dan kalau sudah kebuka 100% Animasi ini dengan sendirinya akan menghilang :y;

Ok langsung saja ke cara membuatnya :

Masuk Account Blogger dengan ID kawan
Pada Dasbor pilih Template - Edit HTML - Lanjutkan
Pakai Ctrl + F cari <body>
Hapus atau Ganti dengan Script berikut

<body onLoad='init()'>
<div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghPd1G4eKTXCsaDqcTUzKztP4GyFIs1k1WIFXSCqFrt5w8T-PNSdxVOeFA2pbpNMsZdP0VnX-YWYBXJED2KH1upH-vzaIPnrauY5NKbKAEy5TsIphB3P8U09doZH_Fhf_BtfXzD0CipV4R/s1600/loading+(6).gif'/></div>
<script src='https://sites.google.com/site/blogbegocreation/javascript/preloader.js' type='text/javascript'/>

Silahkan Ganti teks yang saya beri warna merah dengan Image Loading kesukaan kawan
Untuk lokasi tampilan silahkan rubah teks yang berwarna biru
Simpan Template kawan

Disini saya berikan kawan beberapa contoh Image Loading yang bisa dipakai atau kalau kawan ingin yang lain silahkan lihat Ajaxload.info atau Preloaders.net disana ada banyak pilihan dan bisa diatur durasi ukurannya :z;

Mohon Perhatian kawan, karena mengganti tag <body> apa melanggar TOS Blogger atau tidak, saya kurang tahu karena sampai posting ini saya publish tidak ada jawaban yang pasti :w; untuk itu saran saya kalau kawan ingin mencoba sebaiknya di pasang pada Blog percobaan bukan Blog Utama kawan dan jangan salahkan saya kalau terjadi masalah di kemudian hari :x; apa yang saya sampaikan ini bertujuan untuk diketahui saja

Selamat Berkreasi

Posted by Unknown

Kalau ada yang kurang jelas pada Artikel
Cara Membuat Animasi Page-Loading
» Ratting : 4.5
dan seandainya ada Artikel atau Link yang rusak bisa disampaikan lewat Komentar
mudah-mudahan saya bisa segera memperbaiki
---ooOOOoo---

BC ILUSTRASI

Cara Membuat Animasi Page-Loading

Artikel Menarik Lainnya

About me

Tidak ada komentar