Add Smooth Scroll To Top Button With Jquery To Your Blogger Blog



In this post i teach you How to Add Smooth Scroll to Top button with Jquery plugin.Step 1: Adding Jquery JavaScript Plugin(Ignore this step if your blog have already a Jquery Plugin)

1. Go to Blogger Dashboard < Design tab > Edit Html 
2. Search for </head> tag
3. Add below line of code Before </head> tag
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

Step 2: Adding Scroll to Top Script

1. Go to Blogger Dashboard < Design tab > Edit Html 
2. Search for </head> tag
3. Add below section of code Before </head> tag and Save your Template.
<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(http://2.bp.blogspot.com/-oVa1ImctF7c/Tdouv3K7NyI/AAAAAAAAA38/xT4bu8uKM3M/way2blogging.org.ui.totop.png) no-repeat left top;}#w2btoTopHover {background:url(http://2.bp.blogspot.com/-oVa1ImctF7c/Tdouv3K7NyI/AAAAAAAAA38/xT4bu8uKM3M/way2blogging.org.ui.totop.png) 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://bloggerblogwidgets.googlecode.com/files/w2b_jquery.ui.totop.js" type="text/javascript"></script><script type="text/javascript">$(document).ready(function(){ $().UItoTop({ easingType: 'easeOutCubic' }); }); </script> 

You Are Successfully Done!

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes