bounce ala kang ismet dan kali ini saya akan membagikan efek loadingnya langsung saja caranya :
1.Login ke Blogger
2.Pilih Template >>> Klik Edit HTML
3.Copy kode dibawah ini dan letakkan diatas kode </style> atau ]]></b:skin>
#page-loader { position:fixed !important; position:absolute; top:0; right:0; bottom:0; left:0; z-index:999999; background: #303030 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCaKuU2YgxUttO38Ue9ybgAJrEyMVFXjFIhLgKpgornKaEFWfuZ_8adNCiLngpM2Aoz1hZ3BE7_ARdZ-MJToGgYbweNaPkO2gB1oFUz0WFbwMoK6tBmHr1SpH7XMAQNvfxtIYDGQ5LMbs/s200/load6.gif") no-repeat 50% 50%; padding:1em 1.2em; display:none }4.Masukkan Kode dibawah ini diatas kode </head> Jika sudah ada jQuery ini tidak
perlu dipasang lagi
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>5.Langkah selanjutnya masukkan kode dibawah ini diatas kode </body>
<script type='text/javascript'> //<![CDATA[ // Menyisipkan markup tabir animasi $(document.body).append('<div id="page-loader"></div>'); // Saat halaman aktif terpicu untuk berpindah/keluar menuju halaman lain... $(window).on("beforeunload", function() { // ... tampilkan tabir animasi dengan efek `.fadeIn()` $('#page-loader').fadeIn(1000).delay(6000).fadeOut(1000); }); //]]> </script>
