klik template
klik edit html
copy paste kode dibawah ini dan letakkan tepat diatas kode
]]></b:skin>
atau kode </style>
(pilih salah satu saja) biasanya diatas ]]></b:skin>
tetapi ada beberapa template dapat berjalan dengan baik jika diletakkan diatas kode </style>
#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/AVvXsEgTWTIFBgioTzxgsMiF996gyNW3LWGBirqBPVSJrGK4v7GnF0jLmW-L_zmI60FJ4w1pbYT-BU3oQL3kL1CbAH5DdZefXiEP_0AEXDNLZI7HMJzyvjaVzkE-zu-qgY4xT1wjj2Jza-ah4kc/s200/load6.gif") no-repeat 50% 50%; padding:1em 1.2em; display:none }Masukkan kode dibawah ini diatas kode
</head>
(lewati langkah ini jika sudah terinstal Jquery)<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
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>Simpan template jika selesai