- 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuATGN0uKSNGtVdDWwupDlh1JJItq1ZrE-4wSsHBjdstsPUK8p5eVJr1cG1uEoHZFB58qJg3vHf9fQZUBeC_zju_A9diX_DRQkMy0V3RW7CvRQ-_9NCnq7wDgQiICWW8ObPpfLy3CdKiqc/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.
No comments:
Post a Comment
Thanku :D