Sunday, October 16, 2016
How To Add Scroll To Top Button For Blogger
How To Add Scroll To Top Button For Blogger
To add Scroll To Top Button for Blogger.
- 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/AVvXsEjgWjNN_gIVppg5xxvaSxbpLc2XV5x8t2jLXXCZxaUgyXe4R6ZKRX2i4o8ra7zfSW_ZZYQMet30dPHXDAfwXrFO4I9zonbomEkkBuD4fxLiSwK0LPZnAlvIWiX_qMdzFE_pwAiUeN9yIC5k/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.
- Thats all.
To View Demo Click Here.
Go to link Download
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment