cara membuat kembali ke bagian atas / halaman atas / back to top

wkwwkwkwkw.. panjang kali judul postingnya (-_-')
tapi artinya 1 maksud ko :D

jadi kali ini kita akan membuat panah(kalau di blog saya dibagian bawah kanan) yang digunakan untuk kembali ke atas

berikut caranya:

- login terlebih dahulu pada blog anda :D
- masuk ke rancangan, edit html,
- cari kode </body> lalu isi letakan script dibawah ini diatas kode </body>

<div class='nav_up' id='nav_up' style='display:none;'/>
<div class='nav_down' id='nav_down' style='display:none;'/>

<script src='http://oemar.googlecode.com/files/jquery-1.3.2.js' type='text/javascript'/>
<script src='http://oemar.googlecode.com/files/scroll-startstop.events.jquery.js' type='text/javascript'/>
<script>
$(function() {
var $elem = $('#content');
$('#nav_up').fadeIn('slow');
$('#nav_down').fadeIn('slow');
$(window).bind('scrollstart', function(){
$('#nav_up,#nav_down').stop().animate({'opacity':'0.2'});
}); $(window).bind('scrollstop', function(){
$('#nav_up,#nav_down').stop().animate({'opacity':'1'});
});

$('#nav_down').click(
function (e) {
$('html, body').animate({scrollTop: $elem.height()}, 800);
}
);
$('#nav_up').click(
function (e) {
$('html, body').animate({scrollTop: '0px'}, 800);
}
);
});
</script>

- setelah itu cari kode ]]></b:skin> dan letakan script berikut diatasnya

.nav_up{
padding:7px;
background-color:white;
border:1px solid #CCC;
position: fixed;
background:transparent url(http://1.bp.blogspot.com/_9YclB8eEa7s/S0W9NsyPKsI/AAAAAAAAAkY

/5gbJxUX5Vm0/arrow_up.png) no-repeat top left;
background-position:50% 50%;
width:20px;
height:20px;
bottom:10px;
opacity:0.7;
right:15px;
white-space:nowrap;
cursor: pointer;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
-khtml-border-top-left-radius:3px;
-khtml-border-top-right-radius:3px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.alert { background: #ffffff;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #ffffff;border-bottom: 1px dotted #ffffff;border-left: 1px dotted #ffffff;border-right: 1px dotted #ffffff;}

setelah itu disave..
selesai.. gampang kan :D

selamat mencoba ^-^