Add Simple Back to Top Button

Previously, I've posted about Double Click to Back to Top, now I will post about Add Simple Back to Top Button. Actually, the function is same. But, in this trick, we can add a button or the picture. So, if we want to back to the top, we just click the button at the bottom right. Shortly, if you want to try Add Simple Back to Top Button, just follow the steps below.

1. Log in to your blogger account
2. Go to Design --> Page Elements --> Add Gadget
3. Choose "HTML/Java Script"
4. Add the code below

<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="http://1.bp.blogspot.com/_u4gySN2ZgqE/SukYqBahTkI/
AAAAAAAABCc/QVxl3cG5_90/s400/back-to-top.gif"/></a></div>

• Replace http://1.bp.blogspot.com/_u4gySN2ZgqE/SukYqBahTkI/AAAAAAAABCc/QVxl3cG5_90
  /s400/back-to-top.gif with your button or picture URL

5. Just click SAVE

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Anonymous