Header Ads Widget

Cara Membuat Page Preloading di Blog

Cara Membuat Page Preloading di Blog

Tutorial kali ini ialah Cara membuat efek halaman page preloader menggunakan animasi CSS
dan SVGs untuk di terapkan pada blogger.

Page Preloader ini bisa menjadi hal yg kreatif untuk pengunjung yang bosan menunggu loading blog kita
Untuk berat atau tidak nya Page Preloader ini tergantung Banyaknya Widget di blog kalian

Sedikit pengertian Pre Loader dan SVG

- Pre Loader ini menggunakan CSS3 pada animasi transisi untuk membuka dan menutup halamanya dan menggunakan SVG animasi Loader,serta javascript agar dapat menentukan timing preloader saat proses loading data/progress yang sudah selesai pada suatu halaman dan menutup preloadernya kembali..

- Singkat mengenai SVG : SVG adalah singkatan dari Scalable Vector Graphics dan merupakan format file baru untuk menampilkan grafik dalam pengembangan web yang berbasis XML. masih agak sulit untuk dipahami, tetapi untuk kedepanya dipastikan lebih kompleks untuk membuat object / animasi daripada CSS3..

Sebelum menerapkan Page Preloader ini, saya sarankan kalian membackup template kalian dlu
agat tidak terjadi sesuatu yang tidak di ingin kan


Nah berikut Video Tutorialnya:




Di kutip dari Djogzs





Download Kode Page Preloader

Posting Komentar

0 Komentar