Seo Pemulung

Cara Membuat Back To Top Dengan Efek Bounce - salam kenal dari saya di sini saya ingin berbagi tutorial di mana tutorial ini tentang Cara Membuat Back To Top Dengan Efek Bounce apakah membuat back to top itu sulit .? pastinya tidak donk. bagi anda yang ingin mencobanya bisa ikut langkah2nya di bawah ini.

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>
<script type='text/javascript'>
$(function() { $(window).scroll(function() { if($(this).scrollTop()>100) { $('#BounceToTop').slideDown(200); } else { $('#BounceToTop').slideUp(300); } });
$('#BounceToTop').click(function() { $('body,html').animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); });
</script>

• Klik save / simpan.
• Masuk ke Tata Letak > Add Gadget.
• Pilih yang HTML/JavaScript.
• Kemudian masukan kode dibawah ini :

<style type='text/css' scoped='scoped'>
#BounceToTop{position:fixed; bottom:0px; right:3px; cursor:pointer;display:none}
</style>
<div id='BounceToTop'><img alt='Back To Top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvpmO8-bBggt5h7yuFx8dIAY0mTK7KDNgWqHUUqYl1D37k3mcKkCzltFA7SUkaQFGMQnkhgWpUnojhNYvBSRu_9VKuPlyWVfGQHkOhv9RYT15-wkqtO4PBDHaoR68uZBRnDGWlIIGf6fM/s1600/Arrow+Up+ViperGoy+Blog.png'/></div>

• Lalu Save dan lihat hasilnya.