Back To Top Widget - html - My Blogger Market

Breaking

Post Top Ad

Responsive Ads Here

Post Top Ad

Responsive Ads Here

12/02/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/AVvXsEhll5swe_3yZb1eNXHq5V8ZHwTZLRTsOiPUj6KQt2UK6bNaP-2cmKYKI-mooPWduI3ivobue774GOLrgZtdEHGHaccA51RwBGkfcOIbV0LnU8axmrdHE7NidbfJgtfesyOqMQzTEQWvUyCx/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/AVvXsEjbdXPa0OXFjmCGIOz5jSguohIDQQiWKNNze4cA51sD_bZ8S7B-30kSyOJMRL9X_Fs9n2rHVWV3vySxft1-vZzEDyH1OoBNBu5sBwpqhPn7Oz3l0zbLBpiz-HwuLRczkJWVLRzevsnrajbx/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


No comments:

Post a Comment

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.

Post Top Ad

Responsive Ads Here