Add Back To Top Button For Blogger
by Unknown
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
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>
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
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfYG8OOerAOIi2cYM9W7Gg12OBiDj-aAyPchbqQArZOw0VlhMikyWF8ebDsrj5jPaZ4DsbGH7C0VnZeVLaALMja4DVDtWECF8dS9Qt68PT9qdy889xmhWZzGQHdvFUBvUfgXkuSPhXBtc/s1600/1uparrow.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Wu0paZZUq8uWgnKUpQiAM5AHUoPGPnjQN1VVHZbxDpJ_1g1AmBkQlaKx2hQeea2617n0LFUfgTuNEYQjGaGwd0wf0WDfPqb8or0Vx6BIu9rNxdd8hqDX6agy84d6_oXVTM47G9d_zUc/s1600/Up%2520Arrows%2520Icon.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMgIoeiYU9x9lPWKbPGkE6AXoIxoTdorQYDDJMbRKB90e57oOqLKtGozLrl82Oxy7DN8DpoysZN_LAEb7MeyzDcSlp9d6tuJ28OATD2x6yvAeyHsqxtnwp0LzYJvU5KxHTSVqS5KecjH8/s1600/Up%2520Icon.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm6xa3d2tYcZbWuv6Tvc5Fu2uokLssYodtlvUZV-RdUCwcbbtYIPga-lfp5EDcTlXKqsEiNWTVMHrqazgs19Y72XAXBGP5n4_mxlPi0gw36-MVAjiAPz_93mid93BM3ogJEetZT2tVOww/s1600/Back_to_top_image.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-2oxgz41C4U2JEn7WHYe_-8odVloVkA_ru8rcxCXotvX8Xxm4Xutv6cfvLqQEunrp5yNTmm3QsCeWVZqV7nh0dgnbhvDL9mByxRiojqCuh6rFhygrvCgy8vUqDk0t7wIHlfCyfiYQZPk/s1600/back+to+top.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnCIDl_334egCi0sTVBwhYdpmdDbHg4djbQ7RF2ROV-YX-uTY6e8JgjZ3MjGb3uW89zHX4ggCNYya7NnHlrHnMHjA3qsAzKcyzTFqTU1J80WnqSfFSNO4ywTy1Ni-CekO9TZHQjMklkLE/s1600/back_to_top_button.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_ZnFa848qpCBmQiGT92rApjWHY4xZ9Yz8HYzV5oGEwkfI6cJnJfyH_ENuyp0wmigzvA_-VVgK1-RV37hHiTujV6IxkFXKDm51Wdvv3lBpUNQ2YX8HVPdP_R9DBOv6XtUCRNYGOurQxDI/s1600/back+to+top+icon.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEP_6H0EkKJLX0-RmwUiVJAK2b9K7Xwb1cHz52VOKavaNoE60Tc2NclHL8ZvseG4jXOEHJ6vg7_fWHV3rKiMwp-3akEE2mll0wRjNziedXIW0HABqE3tjuGcw9kSo1_dvg76wJUNIYnV8/s1600/rb+back+to+top+11.png
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:
BLOGGING TRICKS
1) Go to your dashboard click on template and then edit html
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
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfYG8OOerAOIi2cYM9W7Gg12OBiDj-aAyPchbqQArZOw0VlhMikyWF8ebDsrj5jPaZ4DsbGH7C0VnZeVLaALMja4DVDtWECF8dS9Qt68PT9qdy889xmhWZzGQHdvFUBvUfgXkuSPhXBtc/s1600/1uparrow.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Wu0paZZUq8uWgnKUpQiAM5AHUoPGPnjQN1VVHZbxDpJ_1g1AmBkQlaKx2hQeea2617n0LFUfgTuNEYQjGaGwd0wf0WDfPqb8or0Vx6BIu9rNxdd8hqDX6agy84d6_oXVTM47G9d_zUc/s1600/Up%2520Arrows%2520Icon.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMgIoeiYU9x9lPWKbPGkE6AXoIxoTdorQYDDJMbRKB90e57oOqLKtGozLrl82Oxy7DN8DpoysZN_LAEb7MeyzDcSlp9d6tuJ28OATD2x6yvAeyHsqxtnwp0LzYJvU5KxHTSVqS5KecjH8/s1600/Up%2520Icon.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm6xa3d2tYcZbWuv6Tvc5Fu2uokLssYodtlvUZV-RdUCwcbbtYIPga-lfp5EDcTlXKqsEiNWTVMHrqazgs19Y72XAXBGP5n4_mxlPi0gw36-MVAjiAPz_93mid93BM3ogJEetZT2tVOww/s1600/Back_to_top_image.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-2oxgz41C4U2JEn7WHYe_-8odVloVkA_ru8rcxCXotvX8Xxm4Xutv6cfvLqQEunrp5yNTmm3QsCeWVZqV7nh0dgnbhvDL9mByxRiojqCuh6rFhygrvCgy8vUqDk0t7wIHlfCyfiYQZPk/s1600/back+to+top.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnCIDl_334egCi0sTVBwhYdpmdDbHg4djbQ7RF2ROV-YX-uTY6e8JgjZ3MjGb3uW89zHX4ggCNYya7NnHlrHnMHjA3qsAzKcyzTFqTU1J80WnqSfFSNO4ywTy1Ni-CekO9TZHQjMklkLE/s1600/back_to_top_button.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_ZnFa848qpCBmQiGT92rApjWHY4xZ9Yz8HYzV5oGEwkfI6cJnJfyH_ENuyp0wmigzvA_-VVgK1-RV37hHiTujV6IxkFXKDm51Wdvv3lBpUNQ2YX8HVPdP_R9DBOv6XtUCRNYGOurQxDI/s1600/back+to+top+icon.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEP_6H0EkKJLX0-RmwUiVJAK2b9K7Xwb1cHz52VOKavaNoE60Tc2NclHL8ZvseG4jXOEHJ6vg7_fWHV3rKiMwp-3akEE2mll0wRjNziedXIW0HABqE3tjuGcw9kSo1_dvg76wJUNIYnV8/s1600/rb+back+to+top+11.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLRJrw-VpmjbhgX4hq-3QoE4Jm861cgY2261UC4jEEYtBmzirw0WNY1-K1_e5h-peKmlBzJeH3A5WjVco-eA_JzeOUQDImfrzIRPH_lTQI3otHBuiFPHUQE8GMGdStrbB9xasUQp5j-Hc/s1600/rb+back+to+top+9.png
This post was written by: Author Name
Author description goes here. Author description goes here. Follow him on Twitter
Get Updates
Subscribe to our e-mail newsletter to receive updates.
Related Articles
Subscribe to:
Post Comments (Atom)
0 Responses to “Add Back To Top Button For Blogger”
Post a Comment