Trik Membuat Tombol Back To Top Dengan jQuery Part 2

Assalamualaikum sobat Blogger semua,pada kesempatan kali ini Admin akan memberikan Trik Membuat Tombol Back To Top Dengan jQuery Part 2 .Langsung aja sob ikuti Tutorial pemasangannya baik-baik ya sob..

Langkah pertama yang harus sobat lakukan adalah........
1. Login ke Akun Blogger sobat terlebih dahulu
2. Pilih Tata Letak
3. Tambah Gadget
4. Pilih Html/Javascript
5. Copy kode dibawah ini kemudian paste
6. Ingat tanpa dikasi judul ya sob..
==============================================================
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#noop-top").fadeIn()}else{$("#noop-top").fadeOut()}});$("#noop-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><a id='noop-top' style='display: none; position: fixed; bottom: 1px; right:1%; cursor:pointer;font:15px arial;'><span>^</span></a><style type="text/css">#noop-top span{-moz-transition:all .3s ease-in 0s;-webkit-transition:all .3s;-o-transition:all .3s;background-color:#1e5799;background:-moz-linear-gradient(top,#E5F906 0,#E5F90650%,#207cca 51%,#7db9e8 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1e5799),color-stop(50%,#2989d8),color-stop(51%,#207cca),color-stop(100%,#7db9e8));background:-webkit-linear-gradient(top,#E5F906 0,#E5F90650%,#207cca 51%,#7db9e8 100%);background:-o-linear-gradient(top,#E5F906 0,#E5F906 50%,#207cca 51%,#7db9e8 100%);background:-ms-linear-gradient(top,#E5F906 0,#E5F906 50%,#207cca 51%,#7db9e8 100%);background:linear-gradient(top,#E5F906 0,#E5F906 50%,#207cca 51%,#7db9e8 100%);border:3px solid #fff;border-radius:14px 14px 14px 14px;color:#fff;font:bold 56px cursive;height:50px;left:3px;display:block;text-align:center;text-shadow:1px 1px 0 #000;top:-56px;width:50px}#noop-top:hover span{box-shadow:0 0 49px #207cca;height:70px}#noop-top{color:#000;text-shadow:1px 1px 0 #fff;text-decoration:none}</style>
==============================================================
7. Terkahir Sobat Simpan Template dan nikmati hasilnya,,,hehehe
Previous
Next Post »

Silahkan berkomentar dengan sopan dan sewajarnya... ConversionConversion EmoticonEmoticon

Thanks for your comment