Cara Memasang Flat Preloader Di Blog

Halo Sobat Styler - Kali ini saya akan membagikan tutorial cara menambahkan efek loading di blog,tentunya akan membuat blog kalian lebih keren.

Penasaran? Cekidot!

1. Buka blogger anda > Template > Edit HTML > Letakkan kode dibawah tepat diatas kode </body>

<style type='text/css'>
#loading{
position: fixed!important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background:#fff url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn3GX-qbeFePhezcMYuMH_Yg28A8qiXDjAJ8W-N8uKX6Cgz_hTkRSpUKAUbBCExzOIvjv-dwGUnn4Ab4HsFmddXpPTB9aKzWcuV57H356ZbCq0-i2nH_gb1958S8s3-tyX7xwtIAGi91U/s1600/Preloader_3.gif&#39;) 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>

2. Simpan Template,Lihat Hasilnya!
Mudah Bukan?Jika ada kesulitan silahkan bertanya di kotak komentar

Sumber : http://indzign.blogspot.com/2015/10/cara-memasang-flat-preloader-di-blog.html