Cara Gampang Membuat Status Loading Blogger (Full-Grobog)
Cara Membuat Status
Loading Blogger
. Halo sobat, sekarang saya mau share lagi nih tentang tutor Cara Membuat
Status Loading Blogger . Sobat pasti tahukan yang saya maksud. Cara ini
digunakan untuk memberitahukan kepada pengunjung bahwa website atau blog sedang
dibuka maka tunggu sebentar. Yak kurang labih bahasa nya kaya gitu hehe.
1 Login di akun Blogger sobat.
2. EDIT HTML
3. Cari tag <body>
4. Copy kode dibawah ini, dan replace dengan tag <body>
1 Login di akun Blogger sobat.
2. EDIT HTML
3. Cari tag <body>
4. Copy kode dibawah ini, dan replace dengan tag <body>
<body onLoad='init()'>
<div id='loading' style='opacity:0.8;height:100%;width:100%;text-align:center;background:#000 repeat scroll 0 0;position:fixed;top:0;left:0;border-top:1px gray solid;border-bottom:1px black solid;color:#33cc00;padding:5px;z-index:1001;font-size:14px'><br/><br/><br/>
Mohon Sabar Sebentar ...<br/>
<p><img src='http://s3.buysellads.com/1235418/9917-1258038248.gif'/><br/>
Sedang membuka website ....</p>
</div>
<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>
<div id='loading' style='opacity:0.8;height:100%;width:100%;text-align:center;background:#000 repeat scroll 0 0;position:fixed;top:0;left:0;border-top:1px gray solid;border-bottom:1px black solid;color:#33cc00;padding:5px;z-index:1001;font-size:14px'><br/><br/><br/>
Mohon Sabar Sebentar ...<br/>
<p><img src='http://s3.buysellads.com/1235418/9917-1258038248.gif'/><br/>
Sedang membuka website ....</p>
</div>
<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. Simpan Template
Sobat.
Perhatikan pada teks berwarna merah diatas, itu adalah gambar nya, jika sobat punya gambar sendiri, sobat bisa ganti url gambar diatas dengan milik sobat sendiri. Untuk ganti warna tulisan, yang warna kuning diatas.
Oya sobat, satu lagi ada yang ngingetin :) ..
Kelemahan menggunakan status loading page ala infolusion :
1. Gag support Internet Explorer
2. Gag bisa Edit di Layout Blogger (karena ketutup div nya)
Perhatikan pada teks berwarna merah diatas, itu adalah gambar nya, jika sobat punya gambar sendiri, sobat bisa ganti url gambar diatas dengan milik sobat sendiri. Untuk ganti warna tulisan, yang warna kuning diatas.
Oya sobat, satu lagi ada yang ngingetin :) ..
Kelemahan menggunakan status loading page ala infolusion :
1. Gag support Internet Explorer
2. Gag bisa Edit di Layout Blogger (karena ketutup div nya)
Selamat mencoba.