Memiliki widget tombol back to top di blogger adalah hal yang sangat berguna dan ini adalah salah satu widget paling penting yang perlu Anda instal, agar pengunjung blog merasa nyaman dengan blog Anda. Dalam beberapa situasi posting blog yang cukup panjang atau memiliki lebih dari 100 komentar Anda benar-benar membutuhkan widget semacam ini sehingga pengunjung dapat dengan mudah mencapai bagian atas blog Anda sehingga pengunjung tidak akan menghadapi kelelahan saat menggulir ke halaman .
Menambahkan Widget
Sebelum Mengedit kami menyarankan Anda untuk membuat cadangan dari template Anda, sehingga jika ada masalah Anda masih memiliki desain blog yang aman.
Hal pertama yang perlu Anda lakukan adalah masuk ke akun Blogger Anda dan pergi ke >> Template >> Edit HTML dan cari endingnya </body>.
Sekarang sebelum atau di atas </body>, Anda harus menempelkan kode di bawah ini.
<style>
#sbtbacktotop{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw16PNvJzlARIC1JZIJl-sQzFED_4F8oyWjwRXrBE_WTpy1IWy4w1L8O5f3uzlUXG35Pl3bO0pqCXQLEjchuD579LODutI4Tug0w5fm1S8A-J0HQNvWPs6yR3Dr0__PqErlTwEWr5yT2Lz/s1600/back-to-top-sprite-30224d9b.png) 0 0 no-repeat;
height: 130px;
width: 72px;
padding:5px;
position:fixed;
bottom: 5px;
right: 5px;
cursor:pointer;
transition:none;
z-index:15;
}
#sbtbacktotop:hover{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw16PNvJzlARIC1JZIJl-sQzFED_4F8oyWjwRXrBE_WTpy1IWy4w1L8O5f3uzlUXG35Pl3bO0pqCXQLEjchuD579LODutI4Tug0w5fm1S8A-J0HQNvWPs6yR3Dr0__PqErlTwEWr5yT2Lz/s1600/back-to-top-sprite-30224d9b.png)no-repeat;
background-position: 0 -142px;
}
</style>
<!-- Back to top button by SBT -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js'/>
<script type='text/javascript'>
//<![CDATA[
$(window).scroll(function(){if($(this).scrollTop()>100)
{$("#sbtbacktotop").removeAttr("href");$("#sbtbacktotop").stop().animate(
{bottom:"0"},{duration:100,queue:false})}
else{$("#sbtbacktotop").stop().animate({bottom:"30000"},
{duration:8000,queue:false})}});$(function()
{$("#sbtbacktotop").click(function()
{$("html, body").animate({scrollTop:0},"slow");
return false})});
//]]>
</script>
<!-- Code provided to you by sbt -->
<a href='#' id='sbtbacktotop'></a>
Jika Anda sudah memiliki jQuery di blog Anda, maka hapus kode yang dicetak tebal berwarna merah. Terakhir, klik tombol simpan untuk menyelesaikan pengaturan.