informasi investasi, informasi saham, informasi forex, informasi kripto, informasi saham hari ini, informasi forex hari ini, informasi kripto hari ini, fundamental saham, fundamental forex, fundamental kripto, berita investasi, berita saham, berita forex, berita kripto, berita saham hari ini, berita forex hari ini, berita kripto hari ini, artikel investasi, artikel saham, artikel forex, artikel kripto, prediksi saham, prediksi forex, prediksi kripto, analisa saham, analisa forex, analisa kripto, trading saham, trading forex, trading kripto, belajar trading saham, belajar trading forex, belajar trading kripto, panduan trading saham, panduan trading forex, panduan trading kripto, tips trading saham, tips trading forex, tips trading kripto.

Cara Menampilkan Presentase Scroll pada Blogger

Published at December 2018
Category : Blogger
Trading di Akhir Pekan dengan Exness
Beli Kripto pakai Kartu Kredit
Beli Kripto pakai Gopay
Beli Kripto pakai OVO
Beli Kripto dengan Paypal dan 350+ Metode Pembayaran lainnya

Hai Blogger! Berikut adalah Cara untuk Menampilkan Presentase Scroll pada Blogger :


  • Buka Menu Themes, kemudian klik Edit HTML.
  • Tambahkan Kode ini sebelum Kode </b:skin> :
  • Untuk memudahkan pencarian tekan Crtl dan F, ketik </b:skin> dan tekan Enter.

#built2bless-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;
}
#
built2bless-scroll:after {
  content: " ";
  position: absolute;
  top:50%;
  right:-10px;
  height:0;
  width:0;
  margin-top:-6px;
  border:6px solid transparent;
  border-left-color:#369fcf;
}

  • Kemudian Tambahkan Kode ini dibawah Kode </head> :

<div id='built2bless-scroll'></div>

  • Kemudian Tambahkan Kode ini diatas Kode </body> :

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

  • Kemudian klik Save Themes. dan klik View Blog untuk melihat Hasil.

Semoga Bermanfaat, Happy Blogging :)

Share :

CONVERSATION