Sedikit Info Seputar
Cara Menampilkan Loading di Blog paling Simple!
Terbaru 2017
- Hay gaes kali ini team Free Template BLogspot.Com, kali ini akan membahas artikel dengan judul Cara Menampilkan Loading di Blog paling Simple!, kami selaku Team Free Template BLogspot.Com telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Free Template BLogspot.Com. semoga isi postingan tentang
Artikel BLOGGER,
Artikel CSS,
Artikel HTML5,
Artikel jQuery, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul:
Berbagi Info Seputar
Cara Menampilkan Loading di Blog paling Simple!
Terbaru
link: Cara Menampilkan Loading di Blog paling Simple!
Berbagi Cara Menampilkan Loading di Blog paling Simple! Terbaru dan Terlengkap 2017
Assallamu'allaikum sobat blogger yang sering mampir kemari, mohon maaf nih sebelumnya saya jarang update postingan tutorial blog! akan tetapi kali ini saya ingin berbagi sedikit bumbu css dan jquery untuk sahabat yang ingin membuat loading di blog dengan mudah, cukup copy & paste pada tutorial berikut :Langkah-langkah Pembuatan Loading di blog :
Langkah-1 : Login Blogger, Klik menu Template > Edit HTMLLangkah-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>Langkah-3 : Copy kode CSS di bawah ini, setelah itu paste tepat sebelum tag
</head> :<style>
/* LOADING HALAMAN */
#loadingHalaman {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCGuKpRo37T4T3vIEpfcgiss7SXmQeXdSwE7PxeyM9n0VH5Yd9EobvCDLz_m4aOvegysIHqJnlLqZZ8btWvTBpBxBUShhphgjinKJP22RTz96xgq-h_8ufX8dn9W7ZwPA17_RlYR6cXfGb/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>
//<![CDATA[
//Loading Halaman
$(window).bind("load", function() {
$('#loadingHalaman').slideUp(1000);
});
//]]>
</script>Selesai!
Untuk demonstrasi bisa sobat lihat pada halaman blog ini, klik pada setiap artikel dalam blog ini untuk melihat tampilan demo nya! :)
Semoga artikel tentang Cara Menampilkan Loading di Blog paling Simple! yang saya buat ini bermanfaat bagi semua blogger yang membutuhkan!
Salam Blogger,
- A.K.A ` KangRian! -