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
Post Top Ad
Responsive Ads Here
12/02/2011
Subscribe to:
Post Comments (Atom)
Post Top Ad
Responsive Ads Here
Author Details
MyBloggerMarket is a blogger resources site which is a provider of high quality blogger templates, widgets and other blogger hacks with premium looking layout and robust design. The main mission of MyBloggerMarket is to provide the best quality blogger stuff for free which are professionally designed and perfectlly seo optimized to deliver best result for your blog.



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.