Cara Mudah Membuat Efek Loading Blog

Cara Mudah Membuat Efek Loading Blog
Mungkin Anda merasa kurang suka dengan template Anda saat ini karena tampilanya yang biasa saja, dan mungkin Anda berniat ingin menambahkan efek loading blog ketika halaman blog Anda sedang loading.
Pada saat masih loading halaman Anda akan berubah menjadi gelap atau hitam dan muncul tulisan loading beserta animasi berputar.
Jika anda berminat silahkan ikuti langkah langkah dibawah ini:
1. Pastinya Login dulu ke akun blog Anda, misalnya blogger.com
2. Copy kode css dibawah ini, lalu Paste diatas kode ]]</b:skin> atau </style>
#page-loader{position:fixed!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999;background:#fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqnOYmWiej09BrpbT82zFFVcJt1rXLdniQWNzYCUrwF6TuBtb2YjZD7XSjiW3Wsl5E-vTBfHEvFNieEZaDJv2AM-86XjIPB-h_8FeE1vKUO7CI_Cr4jSFSZ5L9dXeIJChFrthtY98NlK_8/s128-no/loading.GIF') no-repeat 50% 50%;padding:1em 1.2em;display:none}
3. Copy kode jQuery dibawah ini, lalu Paste diatas kode </body>
<script type="text/javascript">
//<![CDATA[
$(document.body).append('<div id="page-loader">
</div>
');
$(window).on("beforeunload", function() {
$('#page-loader').fadeIn(1000).delay(9000).fadeOut(1000);
});
//]]>
</script>
4. Klik Simpan Template

Kalau ada pertanyaan atau anda suka dengan "Cara Mudah Membuat Efek Loading Blog" di atas silahkan masuk pada kolom komentar di bawah. Thanks.
Aristokrat Label: 03.49.00 0 komentar
Posting Komentar
Sebelum Anda meninggalkan halaman ini, silahkan masukkan "KOMENTAR" Anda.

to top Page Up Page Down to Bottom Auto Scroll Stop Scroll