SAHA Berbagi akan Membagikan bagaimana Cara Membuat Efek Loading Paling Simple. Kalian Tinggal Ikuti saja Langkah langkah di bawah ini.
LAngsung Saja!!!
Artikel Terkait :
Cara Membuat Efek Animasi Page Loading di Blog
Langkah-1 : Login Blogger, Klik menu Template > Edit HTML
Langkah-2 : Simpan kode external jQuery library di bawah ini, tepat sebelum tag </head> :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
Kode jQuery library hanya bisa di pasang 1x saja, jika sobat sudah memasang kode jQuery library lewati langkah ini, karena akan mengakibatkan konflik / semua kode jQuery tidak akan berfungsi.
Langkah-3 : Copy kode CSS di bawah ini, setelah itu paste tepat sebelum tag </head> :
<style>
#loadingHalaman {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWXpm2UWLvnRge6VeX3ECxc4iKDJyQWH1kkNFxfvAF5rZCz32mpHibWeqqs3MmRYA-3sI-sAcGNiLJAxFrp32Fq6omBH0tQPJq060uuJRWINeyIlNwl-up5bzt0s_BDb7JPFMk1lvAlG8q/s1600/dark-loading.gif) no-repeat center;
background-color:rgba(0, 0, 0, 0.32);
width:100%;height:100%;
position: fixed; left: 0px; top:0px; z-index: +100000;
}
</style>
Langkah-4 : Copy kode HTML di bawah ini, setelah itu paste tepat setelah tag <body> :
<div id="loadingHalaman"></div>
Langkah-5 : Setelah itu simpan kode jQuery di bawah ini tepat sebelum tag </body> :
<script>
$(window).bind("load", function() {
$('#loadingHalaman').slideUp(1000);
});
</script>
SELESAI MUDAH BUKAN, SEMALAT MENCOBA!! Kalo Kalian MAU Lihat DEMO nya Kunjungi LInk DEMO
