Bar halaman untuk kontrol Sroll blog

Dalam web browser biasanya orang menggunakan mouse untuk menggulir antar halaman, atau seseorang seperti Anda menginstal Synaptics touchpad untuk menggulir halaman dalam spiral sangat berguna? Namun, 4 tombol fungsi: Rumah , Page Up , Page Down dan End akan membantu mengurangi manipulasi jari, terutama ketika membaca paragraf panjang. Saya akan memandu Anda untuk membawa 4 dan blog fungsi yang harus dikendalikan oleh mouse klik, selain menambah fungsi scrolling halaman otomatis sangat berguna untuk membaca blog yang mengkhususkan diri dalam cerita. 

Demo di bagian gambar atas. Menambahkan kode di bawah ini ke dalam sebelum tag </ body>  dalam template Anda.

<style>
#dp-scroll{position:fixed;z-index:9999;bottom:0;right:0}
#dp-scroll a{display:block;float:left;background-color:#5cd4f5;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNsNp3Ugheb4UoBAvmnV8DPk2UzKxA9WRcd8g14PaCZ_whVWp6Lc8bXXU-KPlglD9duUV9DXmoWDmlLUB3XXSXFjUjMnPVPOnl1hmr9t6OpgHNnNzwBtCWzjUnevxXuOJEnMLBHnhhgFs/s216/scroll.png);width:36px;height:36px;text-indent:-999em}
#dp-scroll a.dp-up{background-position:0 -36px}
#dp-scroll a.dp-down{background-position:0 -72px}
#dp-scroll a.dp-bottom{background-position:0 -108px}
#dp-scroll a.dp-scroll{background-position:0 -144px}
#dp-scroll a.dp-stop{background-position:0 -180px}
#dp-scroll a:hover{background-color:#5cbbf5}
</style>
<script>
function autoScroll(){window.scrollBy(0,1);scrolldelay=setTimeout('autoScroll()',50)}
function stopScroll(){clearTimeout(scrolldelay)}
</script>
<div id='dp-scroll'>
<a class='dp-top' href='javascript:window.scrollTo(0,0);' rel='nofollow' title='To Top'>To Top</a>
<a class='dp-up' href='javascript:window.scrollBy(0,-window.innerHeight);' rel='nofollow' title='Page Up'>Page Up</a>
<a class='dp-down' href='javascript:window.scrollBy(0,window.innerHeight);' rel='nofollow' title='Page Down'>Page Down</a>
<a class='dp-bottom' href='javascript:window.scrollTo(0,999999);' rel='nofollow' title='To Bottom'>To Bottom</a>
<a class='dp-scroll' href='javascript:autoScroll();' rel='nofollow' title='Auto Scroll'>Auto Scroll</a>
<a class='dp-stop' href='javascript:stopScroll();' rel='nofollow' title='Stop Scroll'>Stop Scroll</a>
</div>

Selamat : Anda sudah berhasil memasang Bar halaman untuk kontrol Sroll blog. silahkan cek apakah script sukses apa tidak.

Share this post