Add Back To Top Button For Blogger

This is one of cool trick for blogger to create a smooth scroll to top. If you have lot of content on you blog pages, and if you want to make your blog to be easy to navigate for your readers, a back to top button will make it easy and perfect.and also see this post it is important stylish back to top button
1) Go to your dashboard click on template and then edit html

back-to top-button
2) click on proceed
3) click on expand widget template
4) use Ctrl+F and find </body>
5) Paste the given codes just before it </body>


<a href='#' style='position: fixed; bottom:5px;left:5px;' title='Back to Top'><imgsrc='http://a.dryicons.com/images/icon_sets/coquette_part_5_icons_set/png/64x64/blue_arrow_up.png' style='border: none;'/></a>


6) click on save template and your setting have been save

you can change the arrow with red colour with your own choice here some arrow and there URL copy the URL of arrow uoy want and relace it with red colour URL

                                                     LIST OF BACK TO TOP BUTTON
back-to top-button
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfYG8OOerAOIi2cYM9W7Gg12OBiDj-aAyPchbqQArZOw0VlhMikyWF8ebDsrj5jPaZ4DsbGH7C0VnZeVLaALMja4DVDtWECF8dS9Qt68PT9qdy889xmhWZzGQHdvFUBvUfgXkuSPhXBtc/s1600/1uparrow.png
back-to top-button
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Wu0paZZUq8uWgnKUpQiAM5AHUoPGPnjQN1VVHZbxDpJ_1g1AmBkQlaKx2hQeea2617n0LFUfgTuNEYQjGaGwd0wf0WDfPqb8or0Vx6BIu9rNxdd8hqDX6agy84d6_oXVTM47G9d_zUc/s1600/Up%2520Arrows%2520Icon.jpg
back-to top-button
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMgIoeiYU9x9lPWKbPGkE6AXoIxoTdorQYDDJMbRKB90e57oOqLKtGozLrl82Oxy7DN8DpoysZN_LAEb7MeyzDcSlp9d6tuJ28OATD2x6yvAeyHsqxtnwp0LzYJvU5KxHTSVqS5KecjH8/s1600/Up%2520Icon.jpg
back-to top-button
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm6xa3d2tYcZbWuv6Tvc5Fu2uokLssYodtlvUZV-RdUCwcbbtYIPga-lfp5EDcTlXKqsEiNWTVMHrqazgs19Y72XAXBGP5n4_mxlPi0gw36-MVAjiAPz_93mid93BM3ogJEetZT2tVOww/s1600/Back_to_top_image.png
back-to top-button
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-2oxgz41C4U2JEn7WHYe_-8odVloVkA_ru8rcxCXotvX8Xxm4Xutv6cfvLqQEunrp5yNTmm3QsCeWVZqV7nh0dgnbhvDL9mByxRiojqCuh6rFhygrvCgy8vUqDk0t7wIHlfCyfiYQZPk/s1600/back+to+top.png
back-to top-button
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnCIDl_334egCi0sTVBwhYdpmdDbHg4djbQ7RF2ROV-YX-uTY6e8JgjZ3MjGb3uW89zHX4ggCNYya7NnHlrHnMHjA3qsAzKcyzTFqTU1J80WnqSfFSNO4ywTy1Ni-CekO9TZHQjMklkLE/s1600/back_to_top_button.png
back-to top-button
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_ZnFa848qpCBmQiGT92rApjWHY4xZ9Yz8HYzV5oGEwkfI6cJnJfyH_ENuyp0wmigzvA_-VVgK1-RV37hHiTujV6IxkFXKDm51Wdvv3lBpUNQ2YX8HVPdP_R9DBOv6XtUCRNYGOurQxDI/s1600/back+to+top+icon.png
back-to top-button
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEP_6H0EkKJLX0-RmwUiVJAK2b9K7Xwb1cHz52VOKavaNoE60Tc2NclHL8ZvseG4jXOEHJ6vg7_fWHV3rKiMwp-3akEE2mll0wRjNziedXIW0HABqE3tjuGcw9kSo1_dvg76wJUNIYnV8/s1600/rb+back+to+top+11.png
back-to top-button
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLRJrw-VpmjbhgX4hq-3QoE4Jm861cgY2261UC4jEEYtBmzirw0WNY1-K1_e5h-peKmlBzJeH3A5WjVco-eA_JzeOUQDImfrzIRPH_lTQI3otHBuiFPHUQE8GMGdStrbB9xasUQp5j-Hc/s1600/rb+back+to+top+9.png

Tags:

0 Responses to “Add Back To Top Button For Blogger”

Post a Comment

Subscribe

Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio. Duis mollis

Designed by BloggingNeed