Saturday, 31 July 2010

How to add back to the top image

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> 

If you do not success,  
find this code
<head>
after it paste this code
&amp;lt;script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'
type='text/javascript'&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;script language=&amp;quot;javascript&amp;quot;&amp;gt;
$(window).ready(function(){
$('#backtotop').click(function(e){
e.preventDefault();
$('html, body').animate({scrollTop:0}, 'slow');
});
});
&amp;lt;/script&amp;gt;

tutorial from : http://www.allblogtools.com/