Create button "Back to Top" for blogspot with effect from jQuery

      The site content is quite long button "Back to Top" will help readers save time when mouse over the top right of the page. The code below uses jQuery sliding effects, especially when it is hidden necessary.

    To setup this tool, you do the following instructions:
      Step 1 : Go to Dashboard > Template> Edit HTML

      Step 2 : Copy the code below (Select All and Ctrl +C), paste it in Edit HTML. (before the </body>)

<style type='text/css'>#bttop{border:1px solid #4adcff;background:#24bde2;text-align:center;padding:5px;position:fixed;bottom:35px;right:10px;cursor:pointer;display:none;color:#fff;font-size:11px;font-weight:900;} #bttop:hover{border:1px solid #ffa789;background:#ff6734;} </style><div id='bttop'>BACK TO TOP</div><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$('#bttop').fadeIn();}else{$('#bttop').fadeOut();}});$('#bttop').click(function(){$('body,html').animate({scrollTop:0},800);});});</script> 

       Step 3 : Save Template and view you blog.

 I wish you success!