Membuat Indikator Loading di Blog

Kamis, 10 Mei 2012

Membuat Indikator Loading di Blog

Kamis, Mei 10, 2012 Blog No comments

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://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>

5. Ganti kode berwarna biru dengan url gambar loading page yang anda suka

6. Simpan template anda lalu lihat hasilnya semoga Bermanfaat??

0 komentar:

Tinggalkan Komentar Anda

Silakan berkomentar dengan baik dan sopan. Untuk berkomentar anda bisa gunakan format di bawah ini.
Format untuk komentar:
1. Pilih profil sebagai Name/URL
2. Isikan nama anda
3. Isikan URL (Blog/Website/Facebook/Twitter/Email /Kosongkan)
4. Isikan komentar
5. Poskan komentar

Kamis, 10 Mei 2012