Cara Membuat Efek Loading Keren di Blog

Suardi13, Ya Setelah sekian lama tidak Update Artikel. Kali ini Saya akan kembali update Rutin. Dan sekarang saya akan memberikan tips atau ...

Cara Meningkatkan Traffic Pengunjung Blog

Cara Mengganti Background Blog dengan Gambar

Cara Membuat Shadow Box di Blog

Suardi13, Ya Setelah sekian lama tidak Update Artikel. Kali ini Saya akan kembali update Rutin.

Dan sekarang saya akan memberikan tips atau Cara Membuat Efek Loading Keren di Blog. Tentunya dengan menggunakan ini, Blog anda pasti akan terlihat keren saat loading.

Masa blog kalian hanya Keren di bagian Header, Witdet, dll sih. Udah mainsteam hahaha, Dengan menggunakan tips ini ya blog kalian akan menjadi Keren juga di bagian Loading nya. Istilah nya sih Keren Luar Dalam hihihi. Dari pada lama basa basi nya, Langsung aja simak tutorial nya dibawah

Cara Membuat Efek Loading Keren di Blog

1. Buka Blog kalian
2. Template > Edit HTML
3. Find (CTRL+F) code </body>
4. Kalau sudah ketemu. Letakkan kode dibawah ini tepat diatas atau sebelum code </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/AVvXsEg6s47mVtdX7MVlzsu_aCMrNMc01XXceMnfMo966jN-1Iviz2QakZF5Mqxj8WOjjX5lsqxpiGCgkE-BHoNsLwVN57vcUrUxULa16gGyGmfFJ-3aT4pn5K6wkpqmyyo8VpbRtRJG8UiBVV4/s1600/loader.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>

5. Simpan Template

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