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/AVvXsEjsqqOd1OORBXDboQikpQCE-u7uou_v6wbyWR2MXxAiFDsYcOE9LcKil91TBw4OzRdMf-tE1VHPMTqok8NDZ56QJzFpaXZduL0cvdduKZodxgOpSVo0xDVra-L-xIrhnwotHYwcnjgyOb1G/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/AVvXsEgwwSxREvRgnbgvNJY8JwkOFCJBTNAh343kRPjsgww9CFRnnvGS8LMcVWjZi8m3ChzLFcWnqxNwCNROuu7D2aoDrcSLbG9GYQqNcTHcz4Qb4T3TahBwxhvbRotu-bWcZlNqRp_8NmvNPN8n/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