Sabtu, 08 Desember 2012

Cara Membuat Button Kembali Keatas


Cara Membuat Button Kembali Keatas Yah fungsinya hanya agar halaman diarahkan kembali ke halaman atas saja.
Caranya seperti biasa pada Kolom Edit   HTML  masukan kode dibawah ini setelah kode </body>

Ini Kodenya : 


<style type='text/css'>

#bttop{border:1px solid #4adcff;background:#24bde2;text-align:center;padding:5px;position:fixed;bottom:35px;right:10px;cursor:pointer;display:none;color:#fff;font-size:11px;font-weight:900;}

#bttop:hover{border:1px solid #ffa789;background:#ff6734;}

</style>

<div id='bttop'>Kembali Keatas</div>

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

<script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$('#bttop').fadeIn();}else{$('#bttop').fadeOut();}});$('#bttop').click(function(){$('body,html').animate({scrollTop:0},800);});});</script>


Ok Semoga bermanfaat