 |
Halo sob ^_^ kali ini saya mau ingin berbagi Cara Membuat Loading Page ala Kang Rian di Blog. Oke berikut tutorialnya :3
- Masuk ke dashboard blog sobat.
- Pergi ke bagian Template, lalu klik Edit HTML
- Simpan kode dibawah ini tepat sebelum tag </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script> Note : Jika sobat telah memasang kode jQuery Library versi lain, maka lewati langkah ini
- Copy lalu paste CSS dibawah ini tepat sebelum tag </head>
<style>
/* LOADING HALAMAN */
#loadingHalaman {
background:url(https://lh5.googleusercontent.com/-FjPBmaz4eZ0/VHPOQKFFodI/AAAAAAAAGA4/A64qYQ7YaMs/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>- Copy lalu paste HTML dibawah ini tepat setelah tag <body>
<div id="loadingHalaman"></div> - Taruh jQuery dibawah ini tepat sebelum tag </body>
<script>
//<![CDATA[
//Loading Halaman
$(window).bind("load", function() {
$('#loadingHalaman').slideUp(1000);
});
//]]>
</script>
- Terakhir klik Simpan
Selesai
Sekian ^_^
Sekian ^_^
1 komentar:
Write komentarPeraturan berkomentar :
- Berkomentarlah dengan relevan sesuai artikel.
- Gunakanlah bahasa yang sopan dan baku.
- Dilarang menggunakan link hidup.
- Dilarang menghina dan mencela.
- Dilarang SPAM!
- Dilarang mengandung unsur SARA!
Jika ada yang melanggar, komentar akan langsung saya hapus.
Terima Kasih Telah Berkunjung ^_^
EmoticonEmoticon