How to add back to top button on a blog

Learn From the video.

Here for the code? 

Code for back to top button:

Step 1
Go to your blog dashboard and go to template and then click edit template.

Step 2

Find  ]]></b:skin> tag in the code. 

Copy and paste the code below above/before ]]></b:skin> tag as told in the video.

}
#technoboomboxbtt{
padding:5px;
position:fixed;
bottom: 5px;
right: 5px;
cursor:pointer;
}

Step 3

Find </head> tag in the code.

Copy and paste the code below just above </head> tag as mentioned in the video.

<!-- Back to top button by PS -->
&lt;script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js'
type='textjavascript'&gt;&lt;/script&gt;
&lt;script language=&quot;javascript&quot;&gt;
$(window).ready(function(){
$('#technoboomboxbtt').click(function(e){
e.preventDefault();
$('html, body').animate({scrollTop:0}, 'slow');
});
});
&lt;/script&gt;
<!-- Code by Techno BoomBox Blog -->

~For the image url do as told in the video.~

Step 4

Find </body> in the template code.

Copy and paste the code below before/above the </body> tag.

<a href="#" id="technoboomboxbtt">
<img src="Image URL" alt="Back To Top" title="Back To Top" /></a>

Replace the text in blue with the URL of the Image.

Tip-
If you want the same image I used do the following except of step 4
Copy and paste the code below before/above the </body> tag.

<a href="#" id="technoboomboxbtt"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj83YYJpzh-LDTUTu-QnVUek39k1ep-IXgGSpbDU0Mj7ZzRL2Wb5UoqdQWwyc98SG3n-oOBRYbISEN0x44WLQ_0Q8p0XBbkg1BbnQ-dVcXOvfKLG7UnnjKyG1UJLan6n2nzGfa1rXfuOlc/s48/Metro-Back-Black-48%2520right.png" alt="Back To Top" title="Back To Top" /></a>

Step 5 
Save the template.
And you'are done! 

Got a Question? 

Leave a comment below or on Ask a Question. 

Techno BoomBox