Learn how can add scroll to top button on blogger

If you want learn how can add scroll to top button on blogger just follow me and do these steps

Open your blog go to template, edit HTML

Press on Ctrl+F to see the small search box

Search for this code </body> and put this code before it

<a href='#' id='backtotop'><img alt='back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbFqvoQqlzLxLLov1pFclyXIWpMD9ystZdqJr_kyJoqN6ycPNnWruLAQUAPZfMjTMPq-_oipPcShEj6CSfeMpzzwqxjOkN9-30x-Y1Dj5C6gWrH3yCXjZZess5bQn5zzn6It352IIro3CA/s1600/9.png'/></a>

<script type='text/javascript'>

var home_page=&quot;/&quot;;

var urlactivepage=location.href;

var postperpage=4;

var numshowpage=6;

var upPageWord =&#39;Previous&#39;;

var downPageWord =&#39;Next&#39;;

</script>

      

Note

If you want to change the shape for the scroll to top button just do this step

 Change the red URL for the scroll to top button image with anther URL for the scroll to top button image you want

After that search for this code]]></b:skin> and put this code before it and press on save template

#backtotop {

padding:5px;

position:fixed;

bottom:5px;right:5px;

cursor:pointer;

}

Note

You can change right to left to see the scroll to top button in left corner

Finally you can see the scroll to top button on your blog

 To get the code click here number 1

 To get the code click here number 2