JQuery Scroll to top of Page Blogger Link

HTML Code:
(Widget text/javascript or add to an existent):

<a name="top"></a><a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#top" title="Back to Top"><img src="http://4.bp.blogspot.com/_4fVBL4fjrFI/Sa6g-Gqz9uI/AAAAAAAAClU/V4ImwYVHpCw/B2T_Small.jpg" /></a>

---------

Edit Template - expand widgets

add below jquery:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>

this part:

<script type='text/javascript'>
$(document).ready(function() {
$('a[href=#top]').click(function(){
$('html, body').animate({scrollTop:0}, 'slow');
return false;
});
});</script>




For example the whole block in html edit with lightbox for blogger together:

<link href='http://rilwis.googlecode.com/svn/trunk/blogger/lightbox.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('a[href=#top]').click(function(){
$('html, body').animate({scrollTop:0}, 'slow');
return false;
});
});</script>
<script src='http://rilwis.googlecode.com/svn/trunk/blogger/lightbox.min.js' type='text/javascript'/>


Demo on this side click on the right corner bottom