Dolunca Sayfayı Yönlendiren Yükleme Çubuğu Kodu

Bu basit kod sayesinde introlarınızın bir çubuk dolunca geçilmesini sağlayabilir, ziyaretçilerinizi bir sayfanızdan başka bir sayfaya en hoş şekilde yönlendirebilirsiniz!

Ayarlar

Kod içerisinde belirtilen linki (koddaki ilk link) kendi anasayfanızın adresi ile değiştirin.
Kodun başlarındaki waitTime=5 değerini değiştirerek, çubuğun kaç saniyede dolacağını belirleyebilirsiniz.

Önizlemeyi Görmek İçin Tıklayın

<script>
var loadedcolor='#3b5998';var unloadedcolor='lightgrey';var bordercolor='#3b5998';var barheight=21;var barwidth=400;var waitTime=5;var action=function()
{
alert("Anasayfaya Yönlendirileceksiniz!");

// AŞAĞIDAKİ ADRES YERİNE KENDİ ANASAYFANIZI YAZIN.

// YÜKLEYİCİ 100%'E ULAŞTIĞINDA, SAYFA AŞAĞIDAKİ ADRESE YÖNLENDİRİLECEK:

window.location="http://siteneeklekodlari.blogspot.com";

// YUKARIDAKİ ADRES YERİNE KENDİ ANASAYFANIZI YAZIN.

}

var ns4=(document.layers)?true:false;var ie4=(document.all)?true:false;var blocksize=(barwidth-2)/waitTime/10;var loaded=0;var PBouter;var PBdone;var PBbckgnd;var Pid=0;var txt='';
if(ns4){
txt+='<table border=0 cellpadding=0 cellspacing=0><tr><td>';
txt+='<ilayer name="PBouter" visibility="hide" height="'+barheight+'" width="'+barwidth+'" onmouseup="">';
txt+='<layer width="'+barwidth+'" height="'+barheight+'" bgcolor="'+bordercolor+'" top="0" left="0"></layer>';
txt+='<layer width="'+(barwidth-2)+'" height="'+(barheight-2)+'" bgcolor="'+unloadedcolor+'" top="1" left="1"></layer>';
txt+='<layer name="PBdone" width="'+(barwidth-2)+'" height="'+(barheight-2)+'" bgcolor="'+loadedcolor+'" top="1" left="1"></layer>';
txt+='</ilayer>';
txt+='</td></tr></table>';
}else{txt+='<div id="PBouter" onmouseup="" style="position:relative; visibility:hidden; background-color:'+bordercolor+';width:'+barwidth+'px; height:'+barheight+'px;">';
txt+='<div id="PBkoddostu" style="position:absolute; top:1px; left:1px; width:'+(barwidth-2)+'px; height:'+(barheight-2)+'px; background-color:'+unloadedcolor+';font-size:1px;"></div>';txt+='<div id="PBdone" style="position:absolute; top:1px; left:1px; width:0px; height:'+(barheight-2)+'px; background-color:'+loadedcolor+';font-size:1px;"></div>';txt+='</div>';
}

document.write(txt);
// http://siteneeklekodlari.blogspot.com .
function incrCount(){
window.status="Loading...";
loaded++;
if(loaded<0)loaded=0;
if(loaded>=waitTime*10){
clearInterval(Pid);
loaded=waitTime*10;
setTimeout('hidebar()',100);
}
resizeEl(PBdone, 0, blocksize*loaded, barheight-2, 0);
}

function progressBarInit(){
PBouter=(ns4)?findlayer('PBouter',document):(ie4)?document.all['PBouter']:document.getElementById('PBouter');
PBdone=(ns4)?PBouter.document.layers['PBdone']:(ie4)?document.all['PBdone']:document.getElementById('PBdone');
resizeEl(PBdone,0,0,barheight-2,0);
if(ns4)PBouter.visibility="show";
else PBouter.style.visibility="visible";
Pid=setInterval('incrCount()',95);
}

function resizeEl(id,t,r,b,l){
if(ns4){
id.clip.left=l;
id.clip.top=t;
id.clip.right=r;
id.clip.bottom=b;
}else id.style.width=r+'px';
}

window.onload=progressBarInit;
</script>
<style>#PBouter{-webkit-border-radius: 6px;border-radius: 6px;overflow:hidden;}
#PBkoddostu{-webkit-border-radius: 5px;border-radius: 5px;overflow:hidden;}</style>

// AŞAĞIDAKİ ADRES YERİNE KENDİ ANASAYFANIZI YAZIN.

// YÜKLEYİCİ 100%'E ULAŞTIĞINDA, SAYFA AŞAĞIDAKİ ADRESE YÖNLENDİRİLECEK:

window.location="http://siteneeklekodlari.blogspot.com";

// YUKARIDAKİ ADRES YERİNE KENDİ ANASAYFANIZI YAZIN.

}

function resizeEl(id,t,r,b,l){
if(ns4){
id.clip.left=l;
id.clip.top=t;
id.clip.right=r;
id.clip.bottom=b;
}else id.style.width=r+'px';
}

Nasıl ekleyeceğinizi öğrenmek için,sitenizi oluştururken kullandığınız platformu seçin: