Cara Membuat Tombol Back To Top V2 di Blogger! Tidak Perlu Menjadi Ahli untuk Memasangnya

By Ndo Andre At Selasa, Maret 12, 2024

Membuat Tombol Back To Top versi dua di Blog

Kalau kamu punya blog dengan artikel yang cukup panjang, pasti pernah merasakan capeknya harus scroll dari bawah sampai ke atas hanya untuk kembali ke bagian awal halaman. Nah, di sinilah tombol Back To Top bisa jadi penyelamat kecil yang sangat berguna. Dengan tombol ini, pengunjung cukup menekan satu tombol dan halaman akan kembali ke bagian paling atas secara otomatis.

Pada artikel kali ini, kita akan membahas cara Membuat Tombol Back To Top V2 di Blogger dengan tampilan yang sederhana, ringan, dan tentunya mudah dipasang. Tombol ini juga bisa membuat blog terasa lebih nyaman saat digunakan, terutama bagi pengunjung yang membaca artikel panjang melalui HP. Kamu tidak perlu menjadi ahli coding untuk memasangnya, karena langkah-langkahnya cukup mudah untuk diikuti. Jadi, buat kamu yang ingin menambahkan fitur kecil tetapi bermanfaat di blog, langsung saja kita simak tutorialnya sampai selesai!

Cara Memasangnya di Blogger

1. Di Blogger 👉 Tema 👉 Klik di samping Sesuaikan 👉 Edit HTML

Edit HTML Template

2. Letakan kode di bawah ini di atas kode </body> :

<script type='text/javascript'>$(function() { $(window).scroll(function() {if($(this).scrollTop()>500) { $('#ScrollToTop').fadeIn()}else { $('#ScrollToTop').fadeOut();}});$('#ScrollToTop').click(function(){$('html,body').animate({scrollTop:0},700);return false})});</script><style>#ScrollToTop{text-align:center;z-index:9999;position:fixed;bottom:50px; right:32px;cursor:pointer;display:none;opacity:0.7;}#ScrollToTop:hover{opacity:1;}</style><div id='ScrollToTop'><img alt='Back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9t6fJaCUE0oHTnd89Wpyd5DQ6r2HqqH4AilJmEAI20rcTWwRlcoVTWulgYxeHOJJcfdatLz1jbjHwjcxx-utyEhuVhM9s-32f3np4-KSXmFFbXhSQPVLQ2n6dXNrHMdROcE2fQrFqpLWIEUO7ms22HD_9D6pfk1jwbtd_XRc0VTO6UNgjtLO5zmDbIZY/s60/Back-to-Top-V2-Blog.png'/></div>

3. Save Template

Cara membuat tombol back to top v2 ini sangatlah mudah pemasangannya. funsi tombol ini yaitu jika blog memposting artikel yang panjang sampai jauh ke bawah, tombol ini dapat membantu pengunjung untuk mempermudah kembali ke halaman atas pada awal artikel tanpa repot scroll ke atas.