Posted by 
Hai teman-teman, pada artikel kali ini gw bakal memberikan kalian tutorial cara membuat smooth jump to link di blogger.
Jadi fungsi dari jump to link adalah untuk membuat daftar isi atau navigasi di blog. Contohnya adalah seperto di bawah ini:
Oke kita langsung saja ke tutorialnya.
- Silahkan buka blog kamu, pergi ke Tema lalu pilih Edit HTML
- Silahkan pencet CTRL + F dan cari tag </head>. Kemudian copy semua kode ini tepat di atas kode tersebut.
- Silahkan simpan tema kamu dan jump to link smooth sudah berhasil dibuat.
<script src='//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js'/>
<script>
$(document).ready(function(){
// Add smooth scrolling to all links
$("a").on('click', function(event) {
// Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
// Prevent default anchor click behavior
event.preventDefault();
// Store hash
var hash = this.hash;
// Using jQuery's animate() method to add smooth page scroll
// The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 800, function(){
// Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
});
} // End if
});
});
</script>
Itu tadi tutorial cara membuat smooth jump to link di blogger, semoga bermanfaat. Jangan lupa tinggalkan like dan komentar jika berkenan. Share jika kamu merasa artikel ini berguna. Thanks!
