SOHO : Small Office Home Office
Freeware - Opensource software tips, tricks, tweaks & fixes for managing, securing, improving the performance of SOHO Desktop, Laptop, Networks

Sunday, May 1, 2011

Back to Top floating blogger widget

 “Back To Top” floating image icon at the right side of your blog. You can see this button at right side of my blog. This hack is useful if the website or blog pages are too long. It always maintains the same position and if you click on it, it will take you to the very top of the page. This saves your visitors from an unnecessary hassle of scrolling up.

1. Login in to blogger dashboard
2. Go to Layout
3. Click on Add a Gadget
4. Select Html/Javascript
5. Copy n paste the below code in above opened editor
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjghi3dc6GZH8dQR3xwnCIknr_IUGPPtMjyy09Qe0-Gs_IHFfCAGjlZvkyRcG3h8lSCOV-Q2XvjuAOKStIata_IuC74qcEHmhLCyZJl4y72wW1ZetP6cGgRbWAZz0srevWp_t5WEheZsLc/s42/Back-to-top.png" /></a>

Tip: 
  1. Add the gadget to the footer
  2. You can change image url with your image.

No comments:

Post a Comment