Memasang Tombol Back To Top ALA RIAU SPIRIT

Memasang Tombol Back To Top ALA RIAU SPIRIT

Untuk mempermudah pengunjung Blog anda dalam mengekplor artikel anda dapat menambahkan tombol Back to Top pada Blog anda.

1. Tempate > Edit HTML

2. Taruh kode berikut diatas kode </head>

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>

<script type='text/javascript'>

$(function() { $(window).scroll(function() { if($(this).scrollTop()>100) { $('#BounceToTop').slideDown(200); } else { $('#BounceToTop').slideUp(300); } });

$('#BounceToTop').click(function() { $('body,html').animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); });

</script>

3. Save Template!

4. Tambahkan Widget HTML:

<style type='text/css' scoped='scoped'>

#BounceToTop{position:fixed; bottom:30px; right:55px; cursor:pointer;display:none}
</style>

<div id='BounceToTop'><img alt='Back to top' src='http://lh4.googleusercontent.com/-cxLItc2inZg/VnpIg_C7N1I/AAAAAAAAO0I/K1ulHLgoxgE/w380-h533-no/RIAU%2BSPIRIT.gif'style="width: 100px; height: 200px;" /></div> 

4. Save