Pages

Friday, November 25, 2011

Back to Top Icon

Here is how I added Back to Top Icon in my blog.
Step 1: Click 'Layout' and 'Add a Gadget'.
Step 2: Add 'HTML/Javascript Code'.
Step 3: Paste the following code:
<!--BACK-TO-TOP-STARTS-->
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src='http://askwb.com/wbxpress/media/largebutton.png?imgmax=800'" src="http://askwb.com/wbxpress/media/smallbutton.png?imgmax=800" onmouseout="this.src='http://askwb.com/wbxpress/media/smallbutton.png?imgmax=800'"/></a>
<!--BACK-TO-TOP-STOPS-->
Step 4: Click Save and you are done.

N.B: You can replace the link highlighted in green with custom bigger button image and link in red with custom smaller button image link.
Source URL