Cara Mudah Memasang Tombol Auto-Scroll pada Halaman Blogger (100% WORK)

©HYDRA-FRE4K

HYDRA-FRE4K ⎼  Tombol auto-scroll yang dimaksud adalah tombol yang digunakan untuk memulai scroll otomatis pada halaman Blogger. Dengan adanya tombol ini, para pembaca akan lebih mudah untuk membaca postingan kalian tanpa ribet-ribet ngescroll. Tombol ini berguna untuk website atau jaringan situs yang berisi lirik dan kord lagu. Jadi orang dapat mendengarkan lagu dengan tampilan lirik dan kord yang berjalan. Berikut langkah-langkahnya:

1. Masuk ke Blogger
2. Tap Tema / Theme
3. Tap Edit HTML
4. Salin kode berikut ini ( lihat atau unduh di sini )
   <!-- Auto-Scroll start --!> <style type='text/css'> #abt-scroll{position:fixed;z-index:9999;bottom:0;right:0} #abt-scroll a{display:block;float:left;width:32px;height:32px;text-indent:-999em; padding: 3px} #abt-scroll a.abt-scroll{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiju-0PwUYlh6JFlxgj_HPvkaCc2kNfqqr-XaUPwUeCkrzapg4OenKqqnur0k-3yMq-L0Wg2Nny_p7KUSeMZxjHjbqSKJiO0K5qCDtECcka5VKuNIUbjKUo5DX0KxhT6vfYf1GFaoqRtDEv/s1600/%255Bhydra-freak.blogspot.com%255DPlay.jpg) no-repeat} #abt-scroll a.abt-stop{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-CsdjszxZuvp3FKzQSjB0sc4lt3NbrdI05kf8C1G3TosAer527vCnnQdNUPRzicNjzv6-qL4JexWjiZ2lpBeL39WX0nIgEhoJvU-iT1OVyrj5CQUpOC6A_92EG8Ksd0TK06PJkKbhYuj0/s1600/%255Bhydra-freak.blogspot.com%255DPause.jpg) no-repeat} #abt-scroll a:hover{background-color:#1569C7} </style> //Auto-scroll img by https://hydra-freak.blogspot.com <script type='text/javascript'> function autoScroll(){window.scrollBy(0,1);scrolldelay=setTimeout('autoScroll()',50)} function stopScroll(){clearTimeout(scrolldelay)} </script> //Auto-scroll script by All Blogger Tricks <div id='abt-scroll'> <a class='abt-scroll' href='javascript:autoScroll();' rel='nofollow' title='Auto Scroll'>Auto Scroll</a> <a class='abt-stop' href='javascript:stopScroll();' rel='nofollow' title='Stop Scroll'>Stop Scroll</a> </div> <!-- Auto-scroll end --!>
5. Tempelkan kode tersebut di atas tag </body>
6. Simpan Tema.

Demo/Preview nya dapat kalian lihat di blog ini.

Semoga sangat bermanfaat.

Tambahan:

Untuk mengatur kecepatan scroll, kalian bisa ubah angka 50 pada

function autoScroll(){window.scrollBy(0,1);scrolldelay=setTimeout('autoScroll()',50)}

dengan angka sesuka kalian.

Untuk mengganti gambar main/play nya, kalian bisa mengubah link

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiju-0PwUYlh6JFlxgj_HPvkaCc2kNfqqr-XaUPwUeCkrzapg4OenKqqnur0k-3yMq-L0Wg2Nny_p7KUSeMZxjHjbqSKJiO0K5qCDtECcka5VKuNIUbjKUo5DX0KxhT6vfYf1GFaoqRtDEv/s1600/%255Bhydra-freak.blogspot.com%255DPlay.jpg

dengan link gambar yang kalian inginkan. Gambar yang kecil ya, yang seukuran dengan punya admin.

Untuk mengganti gambar pause/jedanya, kalian bisa mengubah link

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-CsdjszxZuvp3FKzQSjB0sc4lt3NbrdI05kf8C1G3TosAer527vCnnQdNUPRzicNjzv6-qL4JexWjiZ2lpBeL39WX0nIgEhoJvU-iT1OVyrj5CQUpOC6A_92EG8Ksd0TK06PJkKbhYuj0/s1600/%255Bhydra-freak.blogspot.com%255DPause.jpg

dengan link gambar yang kalian inginkan. Gambar yang kecil ya, yang seukuran dengan punya admin.

Untuk menggeser widget ini ke tengah kanan, ganti kode ini

#abt-scroll{position:fixed;z-index:9999;bottom:0;right:0}

dengan kode

#abt-scroll{position:fixed;z-index:9999;bottom: 350px;;right:0} 

Jika ada pertanyaan lebih lanjut, bisa kalian tanyakan di

http://allbloggertricks.com/2013/05/auto-scroll-widget-for-blogger.html

Semoga tambahan ini sangat bermanfaat,
Terima kasih.