syndromous-ways

How to add widget Back to Top in blog
I am sure you often see blog with this widget, that is Back to Top widget. I think this widget not very important because according me, blog should not need this widget.  Main fungction from this widget is if you click widget back to top so automatically display screen will soon be heading to the top.

1. Log in to your blogger account > Dashboard > Template > Edit HTML
2. Find this code ]]></b:skin>
3. Add the following code just above the code ]]></b:skin>

<br />
<br />
#backtotop {<br />
padding:5px;<br />
position:fixed;<br />
bottom:10px;right:10px;<br />
cursor:pointer;<br />
}   <br />
<br />

4.  Then find the code </body> then add the following code

<br />
<a href="#" id="backtotop"><img alt="back to top"  src="<span style="color: red;">http://julak-project.googlecode.com/files/back%20to%20top.png</span>"  /></a>

5.  Then find code </head>
6. Add the back to top javascript code below before </head>

<br />
<b><span style="color: red;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'</span></b>
type='text/javascript'></script><br />
<script language="javascript">
$(window).ready(function(){
$('#backtotop').click(function(e){
e.preventDefault();
$('html, body').animate({scrollTop:0}, 'slow');
});
});</script>

7. Click preview, if it's work and not error, save the template.

• Look at http://julak-project.googlecode.com/files/back%20to%20top.png That is url to store the image "Back to Top". I recommend if you want to use this widget please hosting itself in google code.

How to make archieve be scroll on blogspot