Search My Blog

Saturday, August 4, 2012

How To Add Back To Top Button On Your Blog

“Back To Top” floating button. This button is very usefull to go back on top of the page if your webpage is too long. By using "Back to Top" button you don't have to scroll from bottom of your page to top of your page, You just have to click on it and you will be at the top of your page. You can also configure this button on your website or blog. This is very easy and fast tutorial to configure "Back to Top"  button. You can see "Back to Top" button on my blog at the right bottom of my page. This button also saves unnecessary hassle of scrolling up to your visitors.To configure "Back to Top" button on your blog just do following.





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  opened editor

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="
http://2.bp.blogspot.com/_JwD5r652h00/SvDBmIGbP3I/AAAAAAAAASI/cL5okLpz_C8/s400/20.png
"/></a>

Add the gadgets to your blogs footer. You can also change the icon by changing it image source.

1 comment:

back to top