- Home »
- Cara Membuat Back To Top Efek Bounce
Dennis Ramdhani
On Selasa, 09 Oktober 2012
langsung aja ya!.
Pertama buka Blogger > Rancangan > Edit HTML > jangan lupa klik Expand Template Widget
Kalo Udah Copy Kode dibawah ini!
#toTop { text-align:center; position:fixed; bottom:0px; right:10px; cursor:pointer; display:none; color:#000; font-family:verdana; font-size:11px;}
Taruh Code diatas, diatas tag ]]></b:skin>
Oke! Lanjut ke kode </head> n taruh script di bawah ini, dibawah kode </head>
Oke! Lanjut ke kode </head> n taruh script di bawah ini, dibawah kode </head>
<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) { $('#toTop').fadeIn(); } else { $('#toTop').fadeOut(); } });
$('#toTop > 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>
<div id='toTop'><!-- Back to top animation written by farizemo | edited by ilham mboh --><img src='http://picturestack.com/408/690/3RMToTopyonbijEz.png' style='margin-right:-9px'/></div>
Code yang berwarna merah kamu ganti dengan url gambar kamu sendiri
Lalu klik
SIMPAN TEMPLATE
Lihat Hasilnya!
artikel yg sangat bagus buat tambah tambah ilmu
Jgn Lupa Mampir Di Blog saya Juga...
http://bondowoso-jawa.blogspot.com/