Cara Membuat Indikator Loading Halaman

Posted by : Unknown Saturday, February 02, 2013

Ada beberapa blog yang menggunakan indikator loading halaman. Gambar tersebut menunjukan halaman tersebut sedang dalam proses loading. Kali ini akan bagi-bagi membuat loading page atau indikator loading halaman yang sederhana pada blog anda. Ini dia:

1. Masuk ke Rancangan --> Edit HTML

2. Back up (upload) template anda terlebih dahulu untuk mencegah kesalahan editing
3. Cari kode <body>
4. Hapus kode tersebut lalu ganti dengan kode dibawah ini:

<body onLoad='init()'>
<span id='loading' style='position:absolute; text-align: center; top:10px; right: 10px;'><img border='0' src='http://1.bp.blogspot.com/-l6kpGSbwlAk/T4QyAAmu78I/AAAAAAAAC8M/3JL_qrskbEs/s400/kotak.gif'/></span>
<script>
var ld=(document.all);

var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;

if (ns4) ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;

function init() {
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}
</script>