10 Stylish Back To Top Scroll Button For Blogger

Blogger design is very important thing it attract visitor attention today i am going to share tutorial on how you can add back to top button in blogger blogs. You may seen it in any other blog.It is placed at the bottom and visitor can go to top with one click if you write long articles then they may face problem in scrolling up to blog, but Back to Top button can solve the problem and help visitors to scroll the blog to top more comfortably.It makes your blog users friendly.before adding this widget learn how to get backup of template , so that if you did any mistake then you have option to recover your template..

I missed one that i really want to share because some time you may trying to deleted selected post that is not worthy more and by mistake you delete your all post of blog.or you had delete your blog unwillingly then it create problem for you.you may have no option to recover your blog but if you had back up of blog post then you can recover it.

How to add scroll to top button in blogger

Login to Blogger Dashboard and click on Layout.

 Now click on Add a Gadget and select HTML/ JavaScript

Copy your desired back to top button code and past it in HTML/ JavaScript box.

save it and you process finish.

<!--BACK TO TOP STARTS--> <a style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb2kpAiEGF8dy_chyphenhyphen09Vui5WNYTY-2XYyo0ckn1Mf17Yhz-JdlTFMbRL7e5qV74IPuwMELYMmvx7vxBILPhTeeev4dvFHaQh_dtM8r4JKkXpM2CpPgo-TwbdhvD_DBv015ls-AA4NNgwU/s1600/back_to_top_button.png "/></a><!--5gblogger.blogspot.com--> <!--BACK TO ENDS-->

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

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

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

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

<!--BACK TO TOP STARTS--> <a style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6QbMnpifaW_vF96caU-lOTv_ZNllY_ok07XwfdX6VVyOvDmqukehNWDHHT2RixtH1ZG1GhFpNI0iAGUd9YsCIRjC-We7AUa2jPr6gq724kR-gMrTZycbGuC0zu3pn5m96ZT_-l6hfz3A/s1600/back+to+top+button.gif "/></a><!--5gblogger.blogspot.com--> <!--BACK TO ENDS-->

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

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

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

<!--BACK TO TOP STARTS--> <a style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDrCuc-DCAvE-j8LBE4oBpf56YqyROIq_rak-2Ww0mQ1OX719-kfQOf8cHT0CrRKF_KobXsSgZhhpacvrWlip3drsLN8b-RdMenn3N8FmKdLMj7VqoaPm7LCwMX8Jk05qi6IGYdSjQOsw/s1600/back+to+top+button.png "/></a><!--5gblogger.blogspot.com--> <!--BACK TO ENDS-->

Enjoy beautiful and scroll button for blogger.If you face any problem in installing then inform me.