Cobain Tombol Back To Top V2 ini di Blogmu Gan

By Ndo Andre At Tuesday, March 12, 2024

Tombol back to top V2 di Blogger. Hai sobat, pada kesempatan ini admin akan berbagi widget blog yang mungkin saja kamu tertarik ingin coba menggunakannya di blog kamu.

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.

Membuat Tombol Back To Top versi dua di Blog

Cara Memasang Tombol Back To Top V2 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

Tombol back to top memiliki peranan cukup penting bagi blog dengan konten yang memiliki halaman yang panjang.