dashboard -> design -> edit html
find this code
]]></b:skin>
before it add this code
#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}
Then.
find this code
</body>
before it add this code
<a href="#" id="backtotop"><img src="Image-Url" alt="back to top" /></a>
replace Image-Url with the image you want.
Icons can be found here :-
example :
<a href="#" id="backtotop"><img src="http://i269.photobucket.com/albums/jj72/myem0/01/onion-emoticon-031.gif" alt="back to top" /></a>
Then.
find this code
<head>
after it paste this code
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'></script> <script language="javascript"> $(window).ready(function(){ $('#backtotop').click(function(e){ e.preventDefault(); $('html, body').animate({scrollTop:0}, 'slow'); }); }); </script>
tutorial from : http://www.allblogtools.com/
Post a Comment