how to add new scrolling take me to top button for blogger

how to add new scrolling take me to top button for blogger :

  see also:how to add infinite post scrolling effect to blogger 

       a take me to the top button is most and very important for every blog/site.specially in blogs as visitors enjoy easy navigatation in your site/blog . the good thing about the button is it apeears only when you scroll in your blog / site

go to blogger->select blog

                        ->go to layout

                        ->select add a widget 

                        ->select html/javascript

                        ->copy and paste code below


live demo: just scroll this page up or down

 you can see the image above at bottom

 right 

	<!--New Blogger Widget back to top widget Start-->
	<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#nbw-top").fadeIn()}else{$("#nbw-top").fadeOut()}});$("#nbw-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><a href="http://tech-mask.blogspot.com"></a><a id='nbw-top' style='display: none; position: fixed; bottom: 1px; right:0%; cursor:pointer;font:12px arial;'><img src=' http://4.bp.blogspot.com/-_kNgi7sZNIo/U6-6DKMSLHI/AAAAAAAAApY/ZFbaC9rwp4Y/s1600/newbloggerwidget-back-to-top3.png' width="100px" height="100px"/></a>
	<!--New Blogger Widget back to top widget End-->

view raw how to add new scrolling take me to top button for blogger hosted with ❤ by GitHub