Back To Top and Back To Bottom Buttons For Blogs


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

Need Quick Help within 24 Hours? ASK NOW



If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

50 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.

  1. I have subscribed to mybloggertricks for several months and I always receive new things from mybloggertricks in my email everyday. Thanks for your great post. Take a look at my Your How To" blog after applying your trick.

    ReplyDelete
  2. send me hariit11888@gmail.com

    (http://hari11888.blogspot.com)

    By
    Hari

    ReplyDelete
  3. I am so thankful to MBT, I learned a lot of important things here. I just modified my sidebar, thanks to MBT. Soon, I will published my Reviews About Blogs who have the most useful and effective Blog lessons and Tricks, and it is assured that MBT is included!!!

    <a href="http://www.simplifiedblogging.com/">SimplifiedBlogging</a>

    ReplyDelete
  4. not received yet ravi.saive82@gmail.com

    ReplyDelete
  5. Awesome article! This will provide our sites with 2 very important things. First it is always adding fresh up to date content and secondly it will help me earn more money. Thanks a lot!
    seo sydney

    ReplyDelete
  6. i have found some blog have a soft and smooth scroll back to bottom and top.. can you make the tuto?

    tq

    ReplyDelete
  7. shrenuj007@gmail.com

    send me fast plz

    ReplyDelete
  8. hey Mohammad can u clear my doubts


    Will i get banned by adsence for doing following things

    1. Do affiliate marketing

    2. do click bank

    ReplyDelete
  9. hey i m shubham mehta from subscribed my blogger tricks from 1 month but still i didn't receive i frame template for facebook i this the admin is not care about his readers....

    SHUBHAMMEHTA089@GMAIL.COM
    http://www.latest-gadgets4u.blogspot.com/

    ReplyDelete
  10. Sent to all!

    Apologies for the delay.
    @Do lam
    You are always welcomed bro and your blog is great! :>

    @Prime
    Congratulations for having such a nice blog buddy. :)

    @Daus
    They use Jquery and I don't recommend too much use of javascript.

    @shubham

    I am sorry buddy. had a family tragedy. Just sent you the templates

    ReplyDelete
  11. Back to bottom is new feature! I searched in net, i never find in any blog and i left that. But now you introduced that. Thanks Mustafa!

    Regards
    Hari ( http://hari11888.blogspot.com)

    ReplyDelete
  12. tjahdjokja234@yahoo.com
    tjahdjokja234.blogspot.com

    ReplyDelete
  13. hi, could you send me the buttons siuhanley@gmail.com

    ReplyDelete
  14. Hi Mohammed please send me the Top to bottom and bottom to top button alongwith the animated read more buttons to my email id: sreedhar.jeshurun@gmail.com.


    Thanks & Regards'
    Sreedhar

    ReplyDelete
  15. Could you send me the buttons too please?

    Skroutz.aris@gmail.com

    ReplyDelete
  16. inwoswebsite@gmail.com

    pls send me fast

    iam a daily visitor of ur blog from dubai
    and my blogs most of the tricks i took from ur blog thnx a lot

    ReplyDelete
  17. Plz send me these buttons.
    http://freshtips.blogspot.com
    email: jalil.rehman0@gmail.com

    ReplyDelete
  18. Sent to all! :)

    Humble apologies for the late delivery. Was lost with exams brothers. Please let me know if you needed any help.

    ReplyDelete
  19. This is the most helpful blog I've come across. Thank you!

    <a href="http://girlfriendsarelikeshoes.blogspot.com/">Girlfriends Are Like Shoes</a>

    ReplyDelete
  20. Hello :)
    I would like to add the back to top button but need buttons. Can you please send them to my email?
    kelbananas14@yahoo.com

    Thank you!!!
    Kelly

    ReplyDelete
  21. Already subscribed to your blog, please send me all images.

    ReplyDelete
  22. Hey, I have a problem for the bottom button.. http://distorsong.blogspot.com
    I you could help me I would be most grateful to you for this.

    ReplyDelete
  23. Subscribed...
    Email-bazmepaighamofficial@gmail.com
    Web-www.bazmepaighamofficial.blogspot.com

    ReplyDelete
  24. Good afternoon,

    Please send to afdccmiau@gmail.com

    Thank You

    ReplyDelete
  25. email id: eerieray@gmail.com

    ReplyDelete
  26. send me slimshady1070@gmail.com. I have subscribed

    ReplyDelete
  27. Back to Bottom does not work with either "footer" or "credits. Any Fix? Great guide! Thanks

    ReplyDelete
  28. send me please :) rkrohithacktrack@gmail.com

    ReplyDelete
  29. send me please aliefrezki555@gmail.com

    ReplyDelete
  30. I followed all your instructions (took a screenshot of your arrows), did the blogger post thingy ...back to top works fine.

    back to bottom button does not work with either footer or credits. Is there a fix for this?

    http://www.tampinescourt.net





    Thanks

    ReplyDelete
  31. I am so proud of myself!
    I went to the template and figured out what else I could put instead of footer or credits.

    I put "#Attribution1# and it worked!

    ReplyDelete
  32. Please send me the download at vannulnaaralpedhuzes@gmail.com

    ReplyDelete
  33. sir please send to buttons to raviraj.10121996@gmail.com

    ReplyDelete
  34. Hi..
    Plz send me d download link to webgenipriya@gmail.com

    ReplyDelete
  35. Is there any way you can do a tutorial for creating a basic Back to Top text link in Blogger. No matter what I try, I doesn't always work...

    ReplyDelete
  36. Aberdstech@gmail.com , kindly send it sir :)

    ReplyDelete
  37. This comment has been removed by the author.

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete