--> Back To Top and Back To Bottom Buttons For Blogs | Experience Lab - Online business creation and development guide for bloggers and startups

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...

back to bottom buttonsI 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

BACK TO TOP AND BACK TO BOTTOM BUTTONS 

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:

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

Kindly submit your Email ID 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. Feedback buttons
  2. how to add Back to top button in blogger

COMMENTS

Name

Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,9,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,7,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
ltr
item
Experience Lab - Online business creation and development guide for bloggers and startups: Back To Top and Back To Bottom Buttons For Blogs
Back To Top and Back To Bottom Buttons For Blogs
http://lh4.ggpht.com/-vfXKSrYHrH0/Tivzo0jxN_I/AAAAAAAAEZI/WYvsubEUdkg/LOGO%25255B13%25255D.jpg?imgmax=800
http://lh4.ggpht.com/-vfXKSrYHrH0/Tivzo0jxN_I/AAAAAAAAEZI/WYvsubEUdkg/s72-c/LOGO%25255B13%25255D.jpg?imgmax=800
Experience Lab - Online business creation and development guide for bloggers and startups
https://www.experiencelab.info/2011/07/back-to-top-and-back-to-bottom-buttons.html
https://www.experiencelab.info/
https://www.experiencelab.info/
https://www.experiencelab.info/2011/07/back-to-top-and-back-to-bottom-buttons.html
true
2959477579779989044
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy