ADD SMOOTH SCROLL TO TOP BUTTON WITH JQUERY TO BLOGGER / BLOGSPOT

HOW TO ADD SMOOTH SCROLL TO TOP WITH JQUERY ?

there are 2 Simple Steps
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.4/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">
   /*<![CDATA[*/
   ;(function($){$().UItoTop({easingType:'easeOutCirc'});})(jQuery); 
   /*]]>*/
   </script>

You Are Successfully Done!

Leave your Comments and Responses about this Widget!