Visitor also READ

GetThis! ..

Friday, December 2, 2011

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/AVvXsEhKbbHfpyMAyHIYd1qVkwG_Ob5BMBcbvlc86aLoDjmzls9KfPWc0hz04FmVpv0Z3t-9U1MTCRNKwut-f4_re0nAi5np5j7tUqwUk7ahg_Kq7qYbZyDi2YtZdL1rAZZj63x-se_syZiMiRrc/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/AVvXsEiOKI1Xy-yO7V4AlACvDSJaW-TNVDGQGqEDgmIl2tLCf7EcVGtngfIzHn0JhyphenhyphenuDdH1xJn_3MCc3T35xHRkuypzgB1HiIF7P640tG1TmXCl8xrouo8dJYc-QCDAce22kyWFqScuv0bIzHjfo/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


1 comment:

  1. Sorry for the idiotic question... but copy image location + upload to file hosting service?

    ReplyDelete

ShareThis!

Related Posts Plugin for WordPress, Blogger...

You Might Like To Read

GetThis! ..