How To Add Back To Top Button

Before selecting back to top button you need to know how to add this widget or plugin to your blog. In order to know more about this check out detailed tutorial given below.

• Adding Back To Top Button To Bloggers Blog

  1. Go to Blogger Dasboard and click on Layout.
  2. Then Click on Add Gadget and choose Html/Javascript from pop up window.
  3. Now paste below code into it.
  
  

  <!--BACK TO TOP STARTS-->
  <a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="URL OF BACK TO TOP "/></a><!--mybloggersworld.com-->
  <!--BACK TO ENDS-->

  4. Now replace the Text in Green with url of your image. I have provided some image at the bottom of this post which you can use on your blog.
  5. Save the widget and you will have Back to top button on your blog.

  Back To Top Button #1 

<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEganBKfSFxkEd6GBDOKeE_RVUm3ACD1xTgbGv8pNBtCvLA4yJJI6v7A4_6Nl9AQlXF0FSxi-E6vmRXF5N3rJCkZBXPT2auRovhcwtxd0FqvXv2IrhOKC3u9wrcDc0NJRVeV7FCNBy9T8fI/s1600/back+to+top.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->

  Back To Top Button #2

<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFgpqQX4I1hd_6TOMU25-VjAArIYvqqhsqFDv3eSc3gsBHKWbmeD1Jvf4SxJZBt9WCHyfrhsuq1vwSd-ApYLT8cUUwb4oGS0aOoDrBjgMRwE6eFUWN2-7Cc117bkGCVEf1Een208Ndq1w/s1600/back+to+top+button.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->

  Back To Top Button #3

<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioRcroUmTryTnlP_bIwOcjmRYyMQtOxBtN73isHzU179sVEwGcXJKkqoxdWli-V0lZ4-8Z1DgP5ign0s7ZARbPm016sK9eWOMM4wfT1egYHqp5INdvSI8zp-m-0rbCNUXsYEN__T805ac/s1600/back-to-top-button.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->

  Back To Top Button #4

<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB_UZP0F7EQCPU4KwDjVXB8sAARJ1nOYLbCX9YEECZJo1CuNN1iJ9bq4i-uo-n4jzSqQiGLX17tjFOBEftK5HjbMZt8569NoC3g7_6jVipu7cjmiT2ewrZLejU1ijJg-jNaot3nHoqL0Y/s1600/back+to+top.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->

  Back To Top Button #5

<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiszF50uRP6HqvLC61dpzV4cjCR3g2G7PPsd5emk-aK-zC6WVNSpi1ERSenBDSSw7krZUxDThcXuM2uiYnbI2XhzTkzHCRLo9LbRm0yOFBVvsP3sby7biBUx8xHZTCEVWbjNkQp0szbxno/s1600/back_to_top_button.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->

  Back To Top Button #6

<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtrlk7Rbj65teCuq6ngrVul7IpaVwOE3-tyygWCo2Je96_aF-O3PdeQClGfYM9uNsEMpCy0Ouh2agxtvYmoW-LDpPLTAy2nYIWyFwXwUyqQe8Z5OyUUhiemf7VWHJA1z4aeNGtEzh2X_s/s1600/back-to-top-button.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->

  Back To Top Button #7

<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHstlSaGxnjQp1VmNmG5CqRhESrPgxzqna7iY2XAh9nxsOSrJGW3GDe0yTE-36DfjUTK7i2Spot72Hi07KNWlP5YLYq6RA0Avclt0zHamJCguC7O-7mgoWi0kRtOvoE-PDqmEkR8hnNm8/s1600/back+to+top.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->

  Back To Top Button #8

<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2zUuCuMU8-btRWtZ4ONP2mCH-TmOh8K75oY3WFRRq7kSzA0SzxUjmeaxzNlRrdVUNfZRwH_BBxt7ekiTZgPjn1KclaYAo9HkKxt6B2Saa7jNLdVMMVomeL0D66uvVGxcazaKahis1t6Y/s1600/back-to-top-button.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->

  Back To Top Button #9

<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOII8922k_RGRlApvhU1HhEMXU1fzELy3n4W3XagLRGtWPgPd2cAVAKF94MrLNJo4MihjHN3SbfpLKZrNPKt_UKPORLSGtMPry6Q18bV0WXvR2Pyjnikq-PS6GE09tx60K30xV77DUTYQ/s1600/Back-To-Top.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->

  Back To Top Button #10

<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzWYs8qFhCP5WgEyYWPMr0GNcRXXzA90ElCHq_ILvHPfC1mRXV6cqTTVGQzEA2EP1X7y237u9WLsW-j-CHDeK64lLtGYgqnbNh5LTl84-2VakVdp60kX5urDhz3kDp0WKU536i5MOcHhg/s1600/back+to+top.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->

  Back To Top Button #11

<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyYkcYoHCaGP0iNF6lFY779zXxYthDMhKmfruAbMZ39DtfYp2COMta3OLCNQrGjoWsRDDFGKAaxElmYs9N-VTwJIxljABvQYne1c1uz3j-fPD_gsv3KuqYLc7O4e6-bV3NEaUWF9zJvMY/s1600/back+to+top+button.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->

  Back To Top Button #12

<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiulDEDW243dXqccIMM0k3YRdnLjLohC3TdvmH-EbX5ciAurp9N8zG5ljQE3-3F7YP26jMdv5kpFxHvBMlEAcOnTLGuc2g_D5cG5HcVyU9VuixzW9F-Ft_Gk-7Mms-qIy8_4zSbwjvHsnw/s1600/Back-to-top.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->

  Back To Top Button #13

<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhyphenhyphen20mgPM991iUh5f7WQxg6KWMR93-Hci_vmaAPgi4Yy_7c2Ny-QuWRoyxOKM6902yAFzKcqhjJMapnI0NvtxPuuNey6a80E1mCYMiWApViy3tSREtomuAaTdEY111wJQ7jD-M0blWB2w/s1600/back+to+top+button.gif "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->

  Back To Top Button #14

<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0gSdIq-MsuZs_6TUE4rMyiOgLjDbn4ka7vtoi35EYKRCDeNa1jl5NvGntfFklR7zygCpyORMVVTJLjWFHRXHAb3RwU9wNjdpeIsrKVkKR7w4xG-gE_S2Z2B-go43-qf0u6siwjOmUFd4/s1600/back+to+top.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->

  Back To Top Button #15

<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKTHyLF9Bigb3rSReLDn2-n7fhIwIRF4ujZnh2mMo67sQXu-XPv-J-VMNRDNR6CA9jZDOB3juf7o-bNzrRFIGVdBdhuaDqTHNxPD-Ku8nG6pGGMgtMhhuBLVzm6FZwGrQUDgV6mXrqY_M/s1600/Back-To-Top.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->

I had previously posted on Adding Back Top Button  for bloggers blog. In this post i will share with you guys 16+ Cool and Awesome back to top button code for your blog or website. Back to button is simple and very small widget but is kind of very usefull for your blog readers. If users are browsing through number of post on your blog this widget will let them easily go back to top of the page with a click rather then scrolling to the top, which take some time. Choose any button from the

  Back To Top Button #16

<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3w0K261eqNkNhZ5hdDaABle_40m6LsoDSR_kdU8u10FAqbbAMDsutzv-jRdIie65VBwwon8fXP7Bn1_XeopJL3LJgP3tqGe9OM_YVtoeGifHGtK8VJd2pHqn8pudoL1dHim-Br0Xhw_c/s1600/back+to+top+button.gif "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->

Hope you like this post.