Back To Top and Back To Bottom Buttons For Blogs

 

[a href="#download" rel="nofollow"]Download[/a]

How To These Buttons in Blogger?

Whether you are a blogger user or wordpress or you use any other CMS, the code below works for all platforms and is compatible with all browsers.

1. Go To Blogger > Design
2. Choose HTML/JavaScript widget
3. and paste these two codes inside it and hit save. That's it!

For scrolling Down use this code:

<a rel="nofollow" style="display:scroll;position:fixed;top:10px;right:5px;" href="#footer" title="Back to Top"><img src="ADD URL OF BACK TO BOTTOM BUTTON HERE"/></a>

Make sure to replace the bolded text with the link of your button. If for some reason the button didn't work then replace footer with credits. You can upload your button on blogger by read this post:

• [a href="http://www.mybloggertricks.com/2009/11/create-blogger-backup-for-images-and.html" target="_blank"]Upload images on blogger[/a]

For scrolling Up use this code:

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="ADD URL OF BACK TO TOP BUTTON HERE"/></a>

Again fill up the required detail with the link/url of back to top button.

Download The Buttons

[a name="download"]Kindly submit your Email ID[/a] below if you have not previously subscribed,

 

Next post the same Email ID in the comments box below to receive a free download copy instantly. By subscribing once you will get access to all our resources. We respect our subscribers and treat them the best we can.

You will also enjoy this post:

1. [a href="http://www.mybloggertricks.com/2011/06/floating-feedback-buttons-set-for-blogs.html" target="_blank"]Feedback buttons[/a]
2. [a href="http://www.mybloggertricks.com/2009/05/create-floating-feedback-and-back-to.html" target="_blank"]how to add Back to top button[/a] in blogger

Source: http://www.mybloggertricks.com/2011/07/back-to-top-and-back-to-bottom-buttons.html