Back To Top and Back To Bottom Buttons For Blogs

I wondered why don't we use back to bottom buttons just like back to top and this idea led me to jump at Photoshop again. The collection today consists of 20 high quality PNG static images that will allow your visitors to scroll up or scroll down thus making site navigation more easy and enjoying. Visitors are often too lazy to click Home or End button in the keyboard to scroll up or down the page and therefore these buttons will offer a much better flexibility to users to jump up or down as they wish and enjoy browsing through your blogs.

Live Demo

Download

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:

• Upload images on blogger

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.