Ada beberapa blog yang pernah saya kunjungi menggunakan indikator
loading halaman. Biasanya sebuah gambar akan muncul ketika kita sedang
membuka halaman sebuah web. Gambar tersebut menunjukan halaman tersebut
sedang dalam proses loading. Blog Trik dan Tips kali ini akan memberikan
tutorial bagaimana membuat loading page atau indikator loading halaman
yang sederhana pada blog anda. Untuk membuatnya tidaklah sulit, ikuti
saja langkahnya dibawah ini:
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://www.deviantart.com/download/272952589/loading_animation_by_cyane_ei-d4iibkd.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>
5.Ganti Kode URL yang berwarna biru dengan url animasi yang kalian suka...
6.Simpan template dan lihat hasilnya..
