1. Login to blogger -> Dashboard -> Template -> Edit HTML -> Proceed -> Check [Expand Widgets]
2. Find the following code
]]></b:skin>3. Just Above/Before Paste the following code
#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}
4. Now find the following code.</body>5. Above/Before it Paste the following code
<a href="#" id="backtotop"><img alt="back to top" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNjGXr0Z68uUFox35jNnPiaXYcsYk0qDVBTmivOHfSt7bW73zeyuP_s92WjFFFRagr7C5nfNhf3EWqHW2aeJT4rYv3IyauQVUDl6aIcoG5rDs_AYYFWW6p0b673X2Ok7euYK6bait2dnE/s1600/backtotop.png" /></a>6. Find the following code
<head>7. Paste this code After/Below it
<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>
Save Tempalate
0 comments:
Post a Comment