Adding Back To Top Button in Blogger

Adding "Back to Top button" to your blog/website will be more easier than ever for your readers, especialy when you have a lot of posts appeare on the homepage. This button can save time for your readers and it will be appeared when you scrolled down your blog. In this tutorial, I'm going to show you a simple way "how to add backt to top button" by adding with Javascript.
Now, see the following step:

1. Adding Javascript

First, you need to choose the style which is given below:

+ Style 1

<script type="text/javascript" src="https://cambohelpbloggers.googlecode.com/svn/trunk/Back top button 1.js"></script>
<script type="text/javascript" src="https://cambohelpbloggers.googlecode.com/svn/trunk/arrow image 1.js"></script>
<noscript>Not seeing a <a href="http://www.helpblogger.blogspot.com/">Scroll to Top Button</a>? Go to our blog for more info.</noscript>

+ Style 2

<script type="text/javascript" src="https://cambohelpbloggers.googlecode.com/svn/trunk/back to top button 2.js"></script>
<script type="text/javascript" src="https://cambohelpbloggers.googlecode.com/svn/trunk/arrow image 2.js"></script>
<noscript>Not seeing a <a href="http://www.helpblogger.blogspot.com/">Scroll to Top Button</a>? Go to our blog for more info.</noscript>

+ Style 3

<script type="text/javascript" src="https://cambohelpbloggers.googlecode.com/svn/trunk/back to top button 3.js"></script>
<script type="text/javascript" src="https://cambohelpbloggers.googlecode.com/svn/trunk/arrow image 3.js"></script>
<noscript>Not seeing a <a href="http://www.helpblogger.blogspot.com/">Scroll to Top Button</a>? Go to our blog for more info.</noscript>

+ Style 4

<script type="text/javascript" src="https://cambohelpbloggers.googlecode.com/svn/trunk/back to top button 4.js"></script>
<script type="text/javascript" src="https://cambohelpbloggers.googlecode.com/svn/trunk/arrow image 4.js"></script>
<noscript>Not seeing a <a href="http://www.helpblogger.blogspot.com/">Scroll to Top Button</a>? Go to our blog for more info.</noscript>

+ Style 5

<script type="text/javascript" src="https://cambohelpbloggers.googlecode.com/svn/trunk/back to top button 5.js"></script>
<script type="text/javascript" src="https://cambohelpbloggers.googlecode.com/svn/trunk/arrow image 5.js"></script>
<noscript>Not seeing a <a href="http://www.helpblogger.blogspot.com/">Scroll to Top Button</a>? Go to our blog for more info.</noscript>

+ Style 6

<script type="text/javascript" src="https://cambohelpbloggers.googlecode.com/svn/trunk/back to top button 6.js"></script>
<script type="text/javascript" src="https://cambohelpbloggers.googlecode.com/svn/trunk/arrow image 6.js"></script>
<noscript>Not seeing a <a href="http://www.helpblogger.blogspot.com/">Scroll to Top Button</a>? Go to our blog for more info.</noscript>

2. Adding Gadget

After you choosing the style which you prefer, you have to add this script to a blogger gadget.

Now, let see the following step:

1. Login to Blogger Dashboard and the go to Layout

2. Add a Gadget and past one of your to the content box area

3. Click on Save

4. Save arrangement

Final word

I hope that this tutorial will fully help you and if you still have any questions, please leave your comment and I will kindly repply to you at a suitable time.