Memasang Animasi Preloader di Blog
JejakSeru.com - Kali ini saya akan membahas cara memasang animasi preloader di blog. Animasi preloader adalah animasi yang akan muncul saat loading, animasi ini berguna untuk membuat pengunjung tidak bosan saat loading di blog sedang lambat. Animasi ini juga membuat blog terlihat lebih menarik dari blog yang lainnya.
Langkah 2 : Simpan dan lihat hasilnya.
Jika dirasa bermanfaat silahkan share/bagikan ke temen-temen terdekat kamu dan jangan lupa like fanspage facebook kami dan follow twitter kami agar selalu dapat informasi bermanfaat dari kami.
Berikut Cara Pemasangan Animasi Preloader di Blog
Langkah 1 : Masuk ke dashboard > Template > HTML. Kemudian masukan kode di bawah ini tepat di atas kode</body>.
<style type='text/css'>
#loading{
position: fixed!important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPO24Pj7q5ACBvdfI0VAUfatMX1GH8YjTOBM4zL4OGPkZzyTf-pycEn6usE-IUCEz8EpBCX0DS1J8mLT3Aqjf9-hkBqiw7EMVPk85Jr6e-KSnjQLuN_mvCw-w1mIKQQ1OEtiN925qcySke/s1600/preloader.gif') no-repeat 50% 30%;
display: none;
font: 0/0 a;
text-shadow: none;
padding: 1em 1.2em;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="loading">Loading...</div>');
$(window).on("beforeunload", function() {
// ... Show the Animation `.fadeIn()`
$('#loading').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>
Langkah 2 : Simpan dan lihat hasilnya.
Jika dirasa bermanfaat silahkan share/bagikan ke temen-temen terdekat kamu dan jangan lupa like fanspage facebook kami dan follow twitter kami agar selalu dapat informasi bermanfaat dari kami.