- Go to ''Layout''.
- Click on ''Add A New Gadget''.
- Now Paste The Following HTML Code in the Content Area.
<!--NBT Scroll 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){$("#NBT-top").fadeIn()}else{$("#NBT-top").fadeOut()}});$("#NBT-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><a href="http://www.newbloggertips.com"></a><a id='NBT-top' style='display: none; position: fixed; bottom: 1px; right:1%; cursor:pointer;font:12px arial;'><img src='http://3.bp.blogspot.com/-jwiVMfF937w/UMyX0_Zib0I/AAAAAAAAIfA/i2ggXg0AMyc/s1600/NBT-scroll+up.png ' alt='Scroll to top widget @NBT Blog.newbloggertips.com ' width="67px" height="67px"/></a><!--NBT Scroll to top widget End-->
- Click on ''Save''
- Refresh Your Blog.
- Scroll down a bit and you will see on the right corner a scroll to top button.
- That's all.
To View Demo Click Here.
