Cara Memasang Scroll Back Top

Cara Memasang Scroll Back Top Cukup Mudah  Tidak Perlu Edit HTML dan Pergerakan nya sangat halus Karena menggunakan Script jquery lain hal nya Dengan yg mengunakan Script yg pada umum nya. 
Bisa dilihat Hasil nya disini Cara memasang nya Buka Tataletak -Tambah Gadget  klik JavaScript/HTML lalu Copy Script dibawah ini Save selesai
<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>
<style type='text/css'>
#w2b-StoTop { -moz-border-radius-topleft:5px;
-moz-border-radius-topright:3px;
-webkit-border-top-right-radius:5px;
-webkit-border-top-left-radius:5px;
-goog-ms-border-top-right-radius:5px;background: #336699;
background: -moz-linear-gradient(center top , #336699, #336699) repeat scroll 0% 0%;
background: -webkit-gradient(linear, left top, left bottom, from(#336699), to(ff3d3d)););text-align:center;padding:5px;position:fixed;bottom:0px;left:5px;cursor:pointer;color:#fff;text-decoration:none;border:1px solid #336699;}
</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(function() {
$.fn.scrollToTop = function() {
$(this).hide().removeAttr("href");
if ($(window).scrollTop() != "0") {
$(this).fadeIn("slow")
}
var scrollDiv = $(this);
$(window).scroll(function() {
if ($(window).scrollTop() == "0") {
$(scrollDiv).fadeOut("slow")
} else {
$(scrollDiv).fadeIn("slow")
}
});
$(this).click(function() {
$("html, body").animate({
scrollTop: 0
}, "slow")
})
}
});
$(function() {
$("#w2b-StoTop").scrollToTop();
});
</script>
<a href='#' id='w2b-StoTop' style='display:none;'>Scroll Back Top &#8593;</a>
Cukup Sekian Semoga Bermanfaat Untuk Sahabat Semuanya.

Komentar