Salam hangat teman-teman, semoga teman-teman sehat selalu ya, Pada tutorial kali ini saya akan mencoba membagi Cara Membuat Preloader Menggunakan Javascript.

Fungsi dari preloader adalah untuk memeberi informasi kepada user bahwa suatu halaman website atau suatu file pada website sedang di load, karena di takutkan user mengira halaman atau file yang di akses itu kosong maka kita buatlah preloader.

Sekarang saya akan mencoba memberikan tutorial Cara Membuat Preloader Menggunakan Javascript secara singkat berikut langkah-langkahnya:

– Pertama teman-teman buat HTML-nya dulu:

Di sini saya menggunakan video sebagai file yang akan di loadnya. Jangan lupa save dengan nama index.html

– Kedua teman-teman ketikan kode CSS3 di bawah ini:

lalu save dengan nama style.css

– Ketiga teman-teman buat file javascriptnya

Save dengan nama putar.js, penjelasan tentang scriptnya sudah saya beri commenting pada script di atas. dan jangan lupa beri link script di atas tag penutup </body> di pada html seperti kode di bawah ini:

– Hasilnya akan menjadi seperti ini:

cara membuat preloader menggunakan javascript-1

setelah selesai meload filenya maka akan tampil video yang kita simpan tadi:

cara membuat preloader menggunakan javascript-2

Bagaimana teman-teman cukup mudahkan Cara Membuat Preloader Menggunakan Javascript.

Sekian tutorial saya untuk kali ini. Sehat selalu ya teman-teman, selamat mencoba.