Page Loader Template Landing Page Blogspot

Bagi kamu yang tidak nyaman dengan animasi tersebut, maka dapat menghapus kodenya "page loader" yang bisa menggunakan note pad ++ saat melakukan penca

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.

 



Mau support lewat mana?

Terbantu dengan artikel ini? Ayo balas dengan Support Kami. Tekan tombol merah!

Posting Komentar

© ARMAILA.com. All rights reserved. Developed by Saifullah.id