Blogger-də ScrollBar faizlərini düzəltməyin asan yolları

ScrollBar faizi veb sayt üçün əlfəcin kimi bir funksiyaya sahib bir xüsusiyyətdir. Yazını oxuyursan və onsuz da sonunda nədirsə, onda ScrollBar 100% faiz göstərəcək.

Bundan əlavə, quraşdıraraq ScrollBar faizi Bu da veb saytın görünüşünü artıra bilər, buna görə ziyarətçilər veb saytınızı ziyarət edərkən daha rahat olurlar.

Yaxşı, bu münasibətlə müəllif qısa bir dərs verəcəkdir Blogger-də ScrollBar faizlərini düzəltməyin asan yolları. Bunu etmək istəyirsinizsə, aşağıdakı dərslikdə görə bilərsiniz.

Bloggerdə ScrollBar faizini necə etmək olar

1. Hesaba daxil olun Blogger → Mövzular → html redaktə edin.

2. Koddan əvvəl CSS Style kodunu kopyalayın və yapışdırın ))> və ya

 </p>
<style type='text/css'>    / * Faiz Scrollbar * / # Scroll Faiz {display: none; mövqe: sabit; top:0; sağ: 5px; z-index: 500; doldurma: 3px 8px; background-color: # ff69b4; color: #FFF; border-radius: 3px} #scroll Faiz: {mövqeyi: mütləq; top: 50%; sağ: -8px; boy:0genişlik:0; margin-top: -4px;}  </style>
<p>

/ * Faiz sürüşmə çubuğu * /

#scroll faizi {ekranı:heç biri;mövqe:sabit;üst:0;sağ:5px;z-indeks:500;taxma:3px 8px;fon rəngi:# ff69b4;rəngi:#FFF;sərhəd-radius:3px}

#scroll Faiz: sonra {mövqe:mütləq;üst:50%;sağ:-8px;boyu:0;eni:0;margin-top:-4px;}

3. Koddan əvvəl zəng edən kodu kod qeydini daxil edin

 </p>
<div id='scrollPersentase'/>

1	<bölmək id='diyirləyin faizi'/>

4. Nəhayət, aşağıda göstərilən JavaScript kodunu daxil edin və dərhal kodu əvvəl yerləşdirin

 <script type='text/javascript'>  /*<!(CDATA(*/  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 - $('#scrollPersentase').height() / 2;  $('#scrollPersentase')  .css('top', distance)  .text(' (' + Math.round(progress * 100) + '%)')  .fadeIn(100);  if (scrollTimer !== null) {  clearTimeout(scrollTimer);  }  scrollTimer = setTimeout(function() {  $('#scrollPersentase').fadeOut();  }, 1500);  });  /*))>*/  </script>

5. Mövzunu saxla.

Aşağıdakı ekrandır ScrollBar faizi Blogger-də quraşdırılmışdır.

Bütün dərslər budur Blogger-də ScrollBar faizlərini düzəltməyin asan yolları müəllif sizinlə bölüşdü. Bu məqalə ilə bağlı suallarınız varsa, aşağıda şərh verməkdən çəkinməyin. Ümid edirəm faydalıdır.

Müəllifin digər dərsləri:

Blogger-də CSS ilə Ulduz Reytinq Vidjetini necə quraşdırmaq olar
Android bildirişlərinin ekranını iPhone kimi dəyişmək üçün necə
Android PayPal-da yeni bir valyuta necə əlavə etmək olar
PayPal qalıqlarını digər PayPal istifadəçilərinə köçürməyin asan yolları
Blogger-də nöqtələr hissə-hissə animasiya effektlərini necə yaratmaq olar

<! –

Twittear