Kali ini akan membahas cara membuat Back to Top dengan efek bounce.
Langsung aja.... simak dengan baik biar gak ada yang nanya-nanya lagi......
1. Buka Blogger > Rancangan > Edit HTML
2. Centang Expand Template Widget lalu cari ]]></b:skin>
3. Setelah itu taruh css dibawah ini diatas kode tersebut
4. Dan taruhkan kode dibawah ini diatas kode </head>#IrvanTop {text-align:center;position:fixed;bottom:0px;right:10px;cursor:pointer; display:none;color:#000; font-family:verdana;font-size:11px;}
5. Lalu carilah kode </body> dan letakan kode dibawah ini diatas kode tersebut<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'/><script type='text/javascript'>$(function() { $(window).scroll(function() { if($(this).scrollTop() > 100) { $('#IrvanTop').fadeIn(); } else { $('#IrvanTop').fadeOut(); } });
$('#IrvanTop > img').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>
6. Selesai.... tinggal SAVE TEMPLATE<div id='IrvanTop'><img src='URL+GAMBAR+BackToTop' style='margin-right:-9px'/></div>
Beberapa bagian script diambil dari Google
created