Back To Top Jquery

Tombol Back To Top adalah sebuah tombol yang terdapat di Blog atau Website yang dapat berfungsi sebagai scroll layer ke bagian paling atas halaman. Tombol ini sama fungsinnya dengan tombol Home yang terdapat pada keyboard.

             Tombol Back To Top ini berbeda dengan Tombol Back To Top yang menggunakan gambar sebagai Tombolnya seperti pada Back To Top yang pertama. Back To Top yang akan dibuat kali ini adalah Back To Top yang menggunakan Jquery.

Cara membuat Back To Top dengan Jquery :

1. Masuk ke Blogger
2. Pilih Dashboard
3. Pilih Template
4. Pilih Edit HTML
5. Cari kode ]]></b:skin>
6. Letakkan kode berikut ini Di Bawah kode ]]></b:skin>

<style>

#backtop{cursor:pointer;position:fixed!important;position:absolute;bottom:-70px;z-index:99;background-color:#7F007B;border:2px solid #333;-webkit-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333;-moz-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333;box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333;width:45px;height:45px;overflow:hidden;text-indent:-999px;-webkit-border-top-left-radius: 30px; -moz-border-radius-topleft: 30px; border-top-left-radius: 30px;} #backtop::after{content:&quot;&quot;;position:absolute;top:-4px;left:15px;width:0;height:0;border-width:18px 7px;border-style:solid;border-color:transparent transparent #f7f7f7 transparent;} 

</style>

     7.  Cari kode </body>
     8.  Letakkan kode berikut ini Di Atas kode </body>

<div id='backtop'>Back to Top</div> <script type='text/javascript'> //<![CDATA[ $(window).scroll(function(){if($(this).scrollTop()>100){$("#backtop").removeAttr("href");$("#backtop").stop().animate({bottom:"-3",right:"0"},{duration:800,queue:false})}else{$("#backtop").stop().animate({bottom:"-50",right:"0"},{duration:1000,queue:false})}});$(function(){$("#backtop").click(function(){$("html, body").animate({scrollTop:0},"slow");return false})}); //]]>

</script>

     9.  Kemudian simpan kodenya

   10.  Selesai dan selamat mencoba

Tidak Pernah Ada Kata Gagal Bagi Manusia -Manusia 

Yang Terus Berusaha

Kegagalan Hanya Hadir Saat Manusia-Manusia Sudah Berhenti

Untuk Mencoba