Blogger Kaydırma Çubuğuna Yükleme Yüzdesi Ekleyin

13.05.2015 18:03

EThumb www.emretas.org Kullanıcı

Üyelik 05.03.2015
Yaş/Cinsiyet 27 / E
Meslek Facebook
Konum Adana

Ad Soyad E** T**
Mesajlar 223
Beğeniler 3 / 45
Ticaret 12, (%100)

Resmin büyük hali için TIKLAYINIZ.
Bloglar için önemli olmayan bir eklenti ama dekorasyon açısından sitenize renk katacak bir eklentidir.Eklentiyi blogunuza eklediğiniz zaman sağ taraftaki kaydırma çubuğuna yükleme yüzdesi gelir.Demoya baktığınız zaman daha iyi anlayacaksınız.

Yönetim Paneli > Şablon > HTML'yi Düzenle seçeneğine tıklayıp CTRL+F yardımıyla ]]> kodunu aratın ve aşağıda ki verdiğimiz kodları ]]> kodunun ALTINA yapıştırın.

#scroll {

  display:none;

  position:fixed;

  top:0;

  right:15px;

  z-index:500;

  padding:3px 8px;

  background-color:#369fcf;

  color:#fff;

  border-radius:3px;

  font-size:14px;  

}

#scroll:after {

  content: " ";

  position: absolute;

  top:50%;

  right:-10px;

  height:0;

  width:0;

  margin-top:-6px;

  border:6px solid transparent;

  border-left-color:#369fcf;

}

Daha sonra CTRL+F yardımıyla kodunu aratın ve aşağıda ki verdiğimiz kodları kodunun ALTINA yapıştırın.

Son olarak CTRL+F yardımıyla kodunu aratın ve aşağıda ki verdiğimiz kodları kodunun ÜSTÜNE yapıştırın.

<script>



//

var scrollTimer = null;



$(window).scroll(function() {



   var viewportHeight = $(this).height(),



       scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,



       progress = $(this).scrollTop() / ($(document).height() - viewportHeight),



       distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;



    $('#scroll')



        .css('top', distance)



        .text(' (' + Math.round(progress * 100) + '%)')



        .fadeIn(600);



    if (scrollTimer !== null) {



        clearTimeout(scrollTimer);



    }



    scrollTimer = setTimeout(function() {



        $('#scroll').fadeOut(600);



    }, 1000);



});



//]]>



</script>

DEMO

Kaynak: http://www.siteeklentileri.com/2015/05/kaydrma-cubuguna-yukleme-yuzdesi-ekleyin.html

19.05.2015 17:49

#2

UyuzWeb Yardımsever Kullanıcı

Üyelik 17.02.2014
Yaş/Cinsiyet 32 / E
Meslek Aircraft Powerplant
Konum Ankara

Ad Soyad O** K**
Mesajlar 988
Beğeniler 40 / 200
Ticaret 24, (%100)

ilginç ve farklı bir kod. Şahsen ben kullanmam ama gerçekten enterasan bir kodmuş.

Geri dönüş için mesajı alıntılayın.

19.05.2015 17:50

#3

EThumb www.emretas.org Kullanıcı

Üyelik 05.03.2015
Yaş/Cinsiyet 27 / E
Meslek Facebook
Konum Adana

Ad Soyad E** T**
Mesajlar 223
Beğeniler 3 / 45
Ticaret 12, (%100)

UyuzWeb adlı üyeden alıntı

ilginç ve farklı bir kod. Şahsen ben kullanmam ama gerçekten enterasan bir kodmuş.

Kodda sorun mu var? Bizzat ben denedim ve çalıştı.

19.05.2015 17:52

#4

UyuzWeb Yardımsever Kullanıcı

Üyelik 17.02.2014
Yaş/Cinsiyet 32 / E
Meslek Aircraft Powerplant
Konum Ankara

Ad Soyad O** K**
Mesajlar 988
Beğeniler 40 / 200
Ticaret 24, (%100)

EThumb adlı üyeden alıntı

Kodda sorun mu var? Bizzat ben denedim ve çalıştı.

Kodda herhangi bir sorun yok sadece tercih edilmesi zor olan bir kod dedim :)

Geri dönüş için mesajı alıntılayın.

19.05.2015 17:53

#5

EThumb www.emretas.org Kullanıcı

Üyelik 05.03.2015
Yaş/Cinsiyet 27 / E
Meslek Facebook
Konum Adana

Ad Soyad E** T**
Mesajlar 223
Beğeniler 3 / 45
Ticaret 12, (%100)

UyuzWeb adlı üyeden alıntı

Kodda herhangi bir sorun yok sadece tercih edilmesi zor olan bir kod dedim :)

Peki,isteyen kullanabilir :)

Blogger Kaydırma Çubuğuna Yükleme Yüzdesi Ekleyin

Üye Girişi Yap