Cara Membuat Button Scroll Down Otomatis di Blogger |
Perkenalan
Halo Semuanya, Jumpa Lagi dengan Saya, Seonxnnn :v dipostingan Kalian ini saya Akan Memberikan Tutorial Bagaimana Cara Membuat Button Scroll Down Otomatis di Blogger, Script atau kode ini cocok Untuk Kalian Yang Memiiki Website Baca Novel Ataupun yang Lainnya.
Tanpa Basa Basi Langsung Saja Kita Gassken, Untuk Tutorial Cara Pasangnya Kalian Bisa Liat disini, Karna Saya Malas Buat Post dengan template text yang itu itu saja.
Untuk Demo Kalian Bisa Cek Link DIbawah
Penting!
Sebelum Memulai Nya Ada Baiknya Kalian Memback-up Template Kalian Terlebih dahulu.
Source Code
<div id="floatingButton"> <button id="scrollDown">Start</button> <button id="stopScroll">Stop</button> <button id="increaseSpeed">+ Speed</button> </div>
<style> #floatingButton { position: fixed; bottom: 20px; right: 20px; z-index: 9999; } #floatingButton button { display: block; margin-bottom: 10px; padding: 10px; background-color: #007bff; color: white; border: none; border-radius: 5px; cursor: pointer; } #floatingButton button:hover { background-color: #0056b3; } </style>
<script> document.addEventListener('DOMContentLoaded', function() { let scrollInterval; let scrollSpeed = 20; // Kecepatan scroll awal document.getElementById('scrollDown').addEventListener('click', function() { // Tag Untuk Mengubah Scroll UP atau Down Kalian clearInterval(scrollInterval); scrollInterval = setInterval(function() { window.scrollBy(0, scrollSpeed); // Ubah tanda '-' Untuk Up dan '+' untuk scroll down if (window.innerHeight + window.scrollY >= document.body.offsetHeight) { // Mengubah kondisi untuk menghentikan scroll di bagian bawah halaman clearInterval(scrollInterval); } }, 50); }); document.getElementById('stopScroll').addEventListener('click', function() { clearInterval(scrollInterval); }); document.getElementById('increaseSpeed').addEventListener('click', function() { scrollSpeed += 5; // Menambah kecepatan scroll }); }); </script>
Kesimpulan
Diatas adalah Cara Membuat Button Scroll Down Otomatis di Blogger., Jika Ingin Request Silahkan Berikan Komentar atau menuju Halaman Request:v. Sampai Jumpa di potingan Berikutnya :p