Back To Top Widget - html

Put a gif image at right bottom page to lead visitor back to the top of the page. Suitable for blog that have a long way to scroll upward again.

This are the HTML code in green colour

<!---startCopyRotatingArrow--->
<style type="text/css">.backtotop a:hover {background:none;}</style>
<div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEcx5vNhin_L_Ji1HrgJjCUm5mpanOSYvke3AzT-TR4HsMrKmnfBUct_-PieBxYugIRMvhOeR1vTES7ZYSUP_NBsQ0EaPESDY2pxFn10ZcP82J1WAbQdCJc9MJ9ocxOWdKI4H_qLf5I2Bg/s1600/back-top.gif"/></a></div>
<!---endCopy--->

or this one


<!---startCopyUpArrow--->
<style type="text/css">.backtotop a:hover {background:none;}</style>
<div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSHH8raeTMXUugjHIAzpjgzzoHRR7xZfZj3BVIA1pcM83Wha2noWh59z5rD0sm_FD8vbglTcf2SAGgQf6K8Tqr_mqUGh32_hgQFMwIV1UkzlwlkwjB3aUz7pbdQ9u-sUnc5EFAlz0fPWVe/s1600/arrowup.gif"/></a></div>
<!---endCopy--->

If you have a problem to install html/java script it in blogspot, please click [here]

you can change the src="code" above into your own gif or jpeg picture, by your file in a website or your own picture in a file hosting.
Right mouse click on the gif ==> click copy image location. Replace the code