Add Smooth Scroll to Top Button with Jquery to Blogger

In this plugin the Scrolling Starts from bottom with a Certain speed and it Ends with Gradually Decreases the speed. This effect looks more attractive.

 

 Before doing this i srongly recommend you to Backup your Blogger template. If you don't know how to backup

Read this Article : How to Backup/Restore your Blogger Template

How to Add Smooth Scroll to Top with JQuery ?

Adding Jquery JavaScript Plugin(Ignore this step if your blog have already a Jquery Plugin)

• Go to Blogger Dashboard < Design tab > Edit Html
• Search for </head> tag
• Add below line of code Before </head> tag

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"type="text/javascript"></script>

 

Adding Scroll to Top Script

• Go to Blogger Dashboard 
• Template tab > Edit Html
• Search for </head> tag
• Add below section of code Before </head> tag

<style type="text/css"> #w2btoTop {display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-999px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4t6k97pMk_cp9I_vdgs4XrF4-D6dKnbn_o9LvAFwj7piyXw876IJ9j7W_4jEMFjlwCYFEwyXSwLrs39QjHqYsHqES76_ZNqbjp8SLJ1qHqeGrH4jTQfwiybxxesfdx0RhLVAJGCR0ioo0/) no-repeat left top;} #w2btoTopHover {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4t6k97pMk_cp9I_vdgs4XrF4-D6dKnbn_o9LvAFwj7piyXw876IJ9j7W_4jEMFjlwCYFEwyXSwLrs39QjHqYsHqES76_ZNqbjp8SLJ1qHqeGrH4jTQfwiybxxesfdx0RhLVAJGCR0ioo0/) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);} #w2btoTop:active, #w2btoTop:focus {outline:none;} </style> <script src="http://widgets.way2blogging.org/blogger-widgets/w2b-jquery.ui.totop.js" type="text/javascript"></script> <script type="text/javascript"> /*<![CDATA[*/ ;(function($){$().UItoTop({easingType:'easeOutCirc'});})(jQuery); /*]]>*/ </script>

• Save your Template.

You Are Successfully Done!