Cara membuat tombol Back to Top di blog dengan mudah

kalian pernah melihat back to top di blog-blog tetangga,tetapi back to top ini lebih keren karena dilengkapi dengan efek bounce jadi pengunjung bisa melihat sesuatu hal yang berbeda diblog anda dan jika anda ingin melihat demonya tidak usah jauh-jauh,karena di blog ini juga ada dan jika anda tertarik untuk memasang silakan ikuti cara-caranya

Login blogger anda di SINI
Pilih template > edit HTML
Cari kode </head> lebih mudah gunakan Ctrl+F
Masukan kode dibawah tepat di atas kode </head>

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js'/>

ket: jika sudah ada kode tersebut lewati langkah diatas

Setelah itu masukan kode dibawah ini tepat di atas kode </head>

<script type='text/javascript'>$(function() { $(window).scroll(function() { if($(this).scrollTop()>100) { $('#BounceToTop').fadeIn(); } else { $('#BounceToTop').fadeOut(); } });$('#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>

Setelah memasukan kode diatas simpan template, lalu pilih tataletak >tambah wiget > HTML/Javascript
dan masukan kode di bawah 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/AVvXsEj5PR0nU1-9oz3ZZLUGV4zNlZu3mNAhW8nwbqX7xl1a7GGGzeVT0u_bljaBSx12pru-k_XzrPkgx31ly4YQAvhT1mBmUsrAI4lIsjNetsm4jeq0kP4uSCOy3AbxPbWYdPlsT2ev577ILt3D/s1600/arrow-up_basic_blue.png'/></div>

Anda bisa mengganti gambarnya dengan mengganti tulisa berwarna merah dengan URL gambar yang anda ingin kan
lalu klik save