Back To Top Dengan Gambar Efek Bounce

Assalamualaikum Wr Wb
Kami Ini Saya Akan Share Artikal Back To Top Dengan Efek Bounce Kawan..
Langsung Ja Yuk Liat Ke TKP...
  1. Kali Login Dulu Ke Dasbord Blog
  2. Kalian Klick Edit HTML
  3. Cari Kode ]]></b:skin> Untuk Mempercepat Nyari ]]></b:skin> Pke CTRL+F
  4. Klo Sudah Ketemu Lalu Copy Code Tersebut Sebelum Code  ]]></b:skin>
#toTop { text-align:center; position:fixed; bottom:0px; right:10px; cursor:pointer; display:none; color:#000; font-family:verdana; font-size:11px;}  
  • Cari Kode </head> Lalu Copykan Code Tersebut Sebelum Code </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() &gt; 100) { $(&#39;#toTop&#39;).fadeIn(); } else { $(&#39;#toTop&#39;).fadeOut(); } });
    $(&#39;#toTop &gt; img&#39;).click(function() { $(&#39;body,html&#39;).animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); });</script> 
  • Lalu Simpan
  • Dan Pergi Ke Tata Letak Lalu Klick Java Script/HTML Lalu Paste Code Tersebut
<div id='toTop'><!-- Back to top animation written by farizemo | edited by ilham mboh --><img src='http://i1169.photobucket.com/albums/r502/randyavolution/Untitled-1-1.png' style='margin-right:-9px'/></div> 
  • Code Yang bewarna Putih Ganti Dengan URL Gambar Back To Top Anda Mau
  • Lalu Simpan Dech
Code URL Back TO Top
  1. http://img824.imageshack.us/img824/1987/06628e8495554c6f87cfd33.png
  2. http://img338.imageshack.us/img338/7649/ab81f8ec562e44569031814.png
  3. http://img13.imageshack.us/img13/2504/384a7481e87643eab651547.png  







Previous
Next Post »