Laporkan jika link apk download error atau rusak dikolom komentar. Terima Kasih sudah berkunjung semoga betah .dan silahkan request Cara Mudah dan Install Persentase Scroolbar di Blogger - Jalandollar

Cara Mudah dan Install Persentase Scroolbar di Blogger

Cara Mudah dan Install Persentase Scroolbar di Blogger
jalandollar.com - Pada kesempatan kali ini saya akan memberikan sebuah tutorial bagaimana Cara Mudah dan Install Persentase Scroolbar di Blogger dengan mudah. Persentase Scroolbar merupakan salah satu fitur menarik yang mampu menghitung berapa banyaknya persen kamu melakukan scrool kebawah.


Dengan Melakukan instalasi persentase Scroolbar ini membuat blog kamu menjadi complete dan akan menarik untuk visitor, dan  untuk instalasi nya pun tidak terlalu ribet, nah langsung saja kita ke tkp.

Berikut Cara Membuat dan Memasang Persentase Scroolbar di Blogger

1. Silahkan kamu login ke akun blogger.com kamu dengan menggunakan Gmail.

2. Masuk ke menu TEMA > klik Edit HTML

3. Kemudian kamu cari kode berikut ini ]]></b:skin> dan pastekan kode dibawah ini tepat DIATAS kode tersebut.



/* Persentase Scrollbar Jalandollar.com */
#scrollPersentase {display:none;position:fixed;top:0;right:5px;z-index:500;padding:3px 8px;background-color:#ff69b4;color:#FFF;border-radius:3px}
#scrollPersentase:after {position:absolute;top:50%;right:-8px;height:0;width:0;margin-top:-4px;}


4. Setelah kamu memasang kode diatas, selanjutnya cari kode <body> dan pastekan kode dibawah ini tepat DIATAS kode tersebut.



<div id='scrollPersentase'/>




5. Masih belum selesai, selanjutnya silahkan kamu tambahankan kode javascript dibawah ini tepat 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 - $('#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>


6. Kalau sudah silahkan klik SIMPAN dan Selesai.

Bagaimana mudah bukan untuk tutorial Cara Membuat Persentase Scroolbar Keren di Blogger Dengan Mudah, untuk kamu yang punya pertanyaan tentang seputar blogger silahkan komen di kolom komentar dibawah ini.
News populer

Dapatkan Tips pertuyulan Setiap Harinya!

  • Dapatkan tips dan trik yang belum pernah kamu tau sebelumnya
  • Jadilah orang pertama yang mengetahui hal-hal baru di dunia pertuyulan
  • Dapatkan sapujagad Gratis: Cara Dapat 200 Juta / bulan dari Ads selain adsense

Belum ada Komentar untuk "Cara Mudah dan Install Persentase Scroolbar di Blogger"

Posting Komentar

Catatan Untuk Para Jejaker
  • Mohon Tinggalkan jejak sesuai dengan judul artikel.
  • Tidak diperbolehkan untuk mempromosikan barang atau berjualan.
  • Dilarang mencantumkan link aktif di komentar.
  • Komentar dengan link aktif akan otomatis dihapus
  • *Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel