Page Loader Template Landing Page Blogspot
Animasi Page Loader Template Landing Page Blogspot akan muncul saat akan membuka sebuah blog yang menggunakan template landing page blogger.
Bagi kamu yang tidak nyaman dengan animasi tersebut, maka dapat menghapus kodenya "page loader" yang bisa menggunakan note pad ++ saat melakukan pencarian untuk menemukan kode tersebut.
ada 2 kode yang akan dihapus dengan masing masing posisi di css dan di body
Page Loader di CSS
Berikut adalah kode page laoder yang akan ditemukan di bagian css
#page-loader{position:fixed!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh69n4Q4YuHrXIhbslyc34Irti_AGC2zbdgmjn-egQd2-DfrRj5Hvv0qF0QrhzH0Z9bWk6TozLxRk2FT407sZHiZnjL1pSdgahzkRdWlliNiAAbN8OLNhodL9ILFqKZrrzQrc5mjTT7A84//) no-repeat 50% 50%;padding:1em 1.2em;display:none}
Silahkan hapus kode tersebut
Page Laoder di Body
Selanjutnya cari juga kode page laoder yang ada di body seperti berikut ini;
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader"></div>');
$(window).on("beforeunload", function() {
$('#page-loader').fadeIn(1000).delay(9000).fadeOut(1000);
});
//]]>
</script>
Silahkan hapus kode ditas dan simpan template anda.
Setelah itu refresh browser yang sedang membuat blog anda dan jika berhasil maka page loader tidak akan muncul. Untuk lebih jelas silahkan simak videonya berikut ini.
