Ketika pengunjung mengunjungi situs web kamu, mereka akan melihatnya kemudian setelah memuat konten secara penuh preloader itu akan hilang.
Jika kamu ingin menambahkan efek preloader di blog kamu, simak tutorialnya di bawah ini
Menambahkan Efek Preloader Full Screen di Blogger
1. Edit HTML2. Cari kode ]]></b:skin> dan letakkan kode di bawah ini di bawah kode tersebut
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 99999;
height: 100%;
}
#status {
position: absolute;
left: 50%;
top: 50%;
width: 64px;
height: 64px;
margin: -32px 0 0 -32px;
padding: 0;
}
<div id='preloader'>
<div id='status'>
<img alt='' height='64' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDoi_JW3n_oByx3xnoMdiCGQ-kWOxM4_8qV_465VcrfGoLdutRU7yZTZKdgp0v6GkWHEFig9wv-sigczWPPeTYlgAflRZuGNelshMu3kUok0mfk-WgYrz_cTpvFElv66x5ecAB6oFX4pE/s1600/loader.gif' width='64'/>
</div>
</div>
<script>
/*====================================
* Preloader Effect
* www.mahesa.id
======================================*/
$(window).load(function() {
$("#status").fadeOut("slow");
$("#preloader").delay(500).fadeOut("slow").remove();
})
</script>