Tombol Back To Top Atau Tombol Kembali Ke Atas Di Blog

Tombol Back To Top Atau Tombol Kembali Ke Atas Di Blog - Sebenarnya tombol ini sudah banyak di gunakan di berbagai blog, fungsi utama dari widget ini adalah mempercepat pengguna untuk pergi ke bagian atas halaman blog, biasanya scroll berada pada kanan bawah halaman seperti gambar dibawah ini.

 Tampilan Scroll Pada Kanan Bawah Halaman
 Tentunya bagus jika blog di beri fitur ini, apalagi blog yang artikelnya sangat panjang , baiklah langsung saja simak artikel saya di bawah ini.

Cara Memasang Widget Back To Top Atau Tombol Kembali Ke Atas :
  1. Pastikan anda telah masuk ke blogger.
  2. Klik tab "Tata Letak".
  3. Kemudian di sembarang tempat klik "Tambahkan Gadget".
  4. Kemudian scroll ke bawah dan klik "HTML/JavaScript".
  5. Copy script yang berwarna merah di bawah ini dan pastekan ke form atau tampilan "HTML/JavaScript" tadi :
    <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:12px 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,#1e5799 0,#2989d8 50%,#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,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-o-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-ms-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:linear-gradient(top,#1e5799 0,#2989d8 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>
  6. Kemudian klik simpan dan lihat hasilnya di blog anda.
Saya kira hanya itu saja yang saya ketahui mengenai  Tombol Back To Top Atau Tombol Kembali Ke Atas Di Blog jika ada hal yang ingin di tanyakan silahkan bertanya melalui kolom komentar.

Tombol Back To Top Atau Tombol Kembali Ke Atas Di Blog -