yapp , gw udah lama nih gak nge blog , krna kesibukan , dan mata gw nih pun ngantuk -___- , tp gw mau post simple aja deh buat kalian.. .
nah , mungkin lu pernah liat deh , tp di google mungkin lu cari gak dapat , nih gw kasih tau .
1. Kaya biasanya , edit template ..
2. cari kode </head> , trus letakin js ini diatas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
3. Kalau code diatas tadi udah ada , abaikan aja deh..
4. tarok code dibawah ini diatas code </head>
<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>
5.Nah , kita buat mirp kaya kang ismet nih , problem ? :v
6. Letakin code dbawah ini diatas code ]]><</b:skin>
#BounceToTop {background:#5c6c7e;text-align:center;position:fixed;bottom:10px;right:10px;cursor:pointer;width:40px;height:40px;border-radius:1000px;padding:5px;display:none;transition:all .3s ease-out;}#BounceToTop:hover {background:#2a3542;}#BounceToTop:before {content:""; position:absolute; bottom:18px; right:14px; width:0; height:0; border-style:solid; border-width:0 11px 16px 12px; border-color:transparent transparent #fff transparent; line-height:0;}#BounceToTop:after {content:""; position:absolute; bottom:18px; right:15px; width:0; height:0; border-style:solid; border-width:0 10px 14px 11px; border-color:transparent transparent #5c6c7e transparent; line-height:0;transition:all .3s ease-out;}#BounceToTop:hover:after {border-color:transparent transparent #2a3542 transparent;}
7. Nah , skrang lu buka Tata letak , trus add widget / tambah gadget , trus pilih HTML/ Javascript , dan pastekan code dbawah ini ke dalam nya..
<style type='text/css' scoped='scoped'>#BounceToTop{position:fixed; bottom:0px; right:3px; cursor:pointer;display:none}</style><div id="BounceToTop" style="display: block;"></div>
8. Ending :v
nah , gmna ? simple kan ? gw kira itu dulunya gambar , ternyata bukan deh..oke terima kasih
sumber
A U R E L Y N E - Talk less , do some action !