Cara Memperlihatkan Dampak Animasi Loading Sederhana Ketika Halaman Dimuat

Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat - Pada kesempatan ini akan menyebarkan tutorial memasang efek animasi loading dikala halaman dimuat yang dapat sahabat tambahkan di blog. Cara kerja dari trik ini bahwasanya sangat sederhana yakni instruksi akan berjalan ketika sahabat membuka blog dikala proses memuat halaman dan akan berhenti secara otomatis ketika halaman tersebut telah termuat dengan penuh.

Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat

Bagi sahabat yang ingin mencoba menambahkan Efek Animasi Loading Sederhana di blog, silakan ikuti langkah berikut ini

Memasang Efek Animasi Loading Sederhana di Blog

1. Login ke Blogger > Buka Template editor > Tambahkan instruksi di bawah ini sebelum ]]></b:skin> atau </style>

#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhduzMUwGXxmhFOfL4oDoMgtpY9mLUhJ0FHEqiceS1vfpMKOi1Qoi6GyPNKFhZGtiOpnzumJZ-8A9pP1-ZilkB1asfqelD9OwqmwDs_6AqktHRqtsmvGnPxyAebHejKpq2jCMiMZ8QCOSk/s1600/loading.gif) no-repeat center;background-color:rgba(0,0,0,0.36);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;}

2. Selanjutnya tambahkan instruksi di bawah ini di bawah <body>

<div id='cssload'/>

2. Tambahkan instruksi di bawah ini sebelum </body>

<script type='text/javascript'> //<![CDATA[ // Loader $(window).bind("load",function(){$("#cssload").fadeOut(1e3)}); //]]> </script>

4. Simpan template dan lihat hasilnya.

Result

Demikian tutorial Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat. Semoga bermanfaat.