Cara Membuat Animasi Loading Blog v2

Cara Membuat Animasi Loading Blog v2 - Ohayou gozaimasu ^^, kali ini saya akan membagikan tutorial bagaimana Cara Membuat Animasi Loading Blog v2, nah untuk yg sebelumnya silahkan ke sini Cara Membuat Animasi Loading Blog Keren, CSS kali ini mungkin lebih sedikit dari sebelumnya, animasi loading ini mungkin sedikit mempercantik blog sobat, animasi loading blog ini berwarna putih sob,  jika ingin diganti juga bisa, berikut tutorialnya

Cara Membuat Animasi Loading Blog v2 :
1. Buka blogger

2. Klik Template -> Edit HTML

3. Copy kode dibawah ini dan letakan di atas kode ]]></b:skin>

#rand-loader{  position:fixed !important;   position:absolute;   top:0;   right:0;   bottom:0;   left:0;   z-index:9999;   background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbnbl-nb91f5z0w_5dpY48VWMRcqiTqQ8_Ov8CBWk4qsUoiYEaSEprjFPKr4vu15jCbX9pS7QX8cEEC0FPTKcsL9fSCQBNNMoQofdPno-uiMo-VB0imS0is2YWxQ7blkmin495syM5cFE/s1600/loadinfo.net+%284%29.gif') no-repeat 50% 50%;  color:white;  padding:1em 1.2em;  display:none}

Keteranganyg berwarna merah silahkan sobat ganti sesuai keinginan, misal DARK
yg berwarna oren dgn gambar loading gif, bisa sobat ganti sesuai keinginan"
untuk lebih lengkap tentang CSS, tanya aja ke nih orang :v
"orang"

4. Blom selesai gan, buru2 amat :p, copy kode dibawah ini dan letakan di atas kode </body>

<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="rand-loader"></div>');
$(window).on("beforeunload", function() {
    $('#rand-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>

5. Klik simpan template

jika tidak muncul loadingnya silahkan update jquery sobat

sumber script