Kali ini, saya akan memberikan Tutorial kepada sobat Blogger tentang cara Membuat Widget Scroll To Top Dengan Jquery.
Sobat mungkin sudah tahu apa fungsi dari Scroll to top ini, pastinya hehhe.
Ya, fungsi dari Scroll to top berfungsi untuk memudahkan kita untuk Kembali keatas laman suatu Website atau Blog dengan cepat dengan hanya klik satu Tombol saja.
Untuk contohnya, sobat bisa lihat Scroll to top yang saya Gunakan sekarang,
Nah, bagaimana ? apakah sobat tertarik untuk menggunakannya, jika Sobat tertarik, sobat bisa ikuti cara berikut :
- Copy Code Dibawah ini
<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){$("#rb-top").fadeIn()}else{$("#rb-top").fadeOut()}});$("#rb-top").click(function(){$("body,html").animate({scrollTop:0},800);return
false})});</script><a
href="http://my-topsite.blogspot.com"></a><a id='rb-top'
style='display: none; position: fixed; bottom: 1px; Right:0%; cursor:pointer;font:12px arial;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrPobKFRDzM_-weICnv89K41P2hFEBwt7uh_fYIF2P0gxbb2kx1c_4fbfhR8lETdHQQA0TcwNJrQsbYAsYnL6AHymFWJ2LcnVqG3R0aVbrCOJG12wxc02ZCllbpDknXO7ice-ZMzzugHyY/s1600/rb+back+to+top+7.png' width="50px" height="50px"/></a>
- Tempelkan Pada Sidebar, Footer atau Header sobat dengan cara menambahkan Gadget pada Tata letak.Note :
Ganti Tulisan yang berwarna kuning dengan Url Blog sobat.
Ganti Tulisan yang berwarna Orange dengan Posisi Icon Scroll To Top yang sobat inginkan.
Ganti Tulisan yang berwarna Biru muda dengan URL Gambar Icon yang sobat inginkan.
Ganti Tulisan yang berwarna Hijau muda dengan ukuran Icon Scroll to top yang sobat inginkan.
Demikian Artikel dari saya, semoga bermanfaat.
