MITRA MENUJU SUKSES
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()'>5. Ganti kode berwarna biru dengan url gambar loading page yang anda suka
<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>
6. Simpan template anda lalu lihat hasilnya
0 Responses so far.
Posting Komentar