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/AVvXsEjkgSa5tYWMdBcXz-sNj-LMqDOhXZZGP-xykOGn79vWuqDzHqZbR3z0q9pCr6O__DtSnCaRxRxa52Hb4ghg8esFxzyhAsqntrVcZ-OmJm_nQKO9Ch6tdhKsdSSh7s4_WpVcfmbOAMNh3Az0/s1600/%255Bhydra-freak.blogspot.com%255DPlay.jpg) no-repeat} #abt-scroll a.abt-stop{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfMCI7zT7PWal95oM1tQ5h0Ib772byHiZ8r9RUNtdLzVNfagbmJXaKHu9s0yCep_RR3VR3wa3Rd31piiyUbGTM_lQx66g0zt1zSvkHyY116o0nk9U1sGl3j6s8dS4Aye64Ym6pAxU7SLtF/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 //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/AVvXsEjkgSa5tYWMdBcXz-sNj-LMqDOhXZZGP-xykOGn79vWuqDzHqZbR3z0q9pCr6O__DtSnCaRxRxa52Hb4ghg8esFxzyhAsqntrVcZ-OmJm_nQKO9Ch6tdhKsdSSh7s4_WpVcfmbOAMNh3Az0/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/AVvXsEjfMCI7zT7PWal95oM1tQ5h0Ib772byHiZ8r9RUNtdLzVNfagbmJXaKHu9s0yCep_RR3VR3wa3Rd31piiyUbGTM_lQx66g0zt1zSvkHyY116o0nk9U1sGl3j6s8dS4Aye64Ym6pAxU7SLtF/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

https://pinteren.blogspot.com/search?q=auto-scroll-widget-for-blogger

Semoga tambahan ini sangat bermanfaat,
Terima kasih.