Cara Membuat Back To Top Dengan Efek Bounce

Ini Tutorial Blog Pertama Saya Tentang Cara Membuat Back To Top Dengan Efek Bounce ,,Walaupun Saya Ngetik Sendiri Dari Buku Tutorial Blogger ^_^ ,, Langsung Saja Simak :

• Login Blogger » Rancangan » Edit HTML
• Centang Expand Template Widget ,, Kemudian Cari Kode ]]></b:skin>
• Lalu Masukan CSS di Bawah Tepat di Atas Kode ]]></b:skin>

#ThomzTop{ text-align:center;position:fixed;bottom:0px;right:10px;cursor:pointer;        display:none;color:#000; font-family:verdana;font-size:12px;}

• Dan Masukan Kode di Bawah Ini di Atas 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() &gt; 100) { $(&#39;#ThomzTop&#39;).fadeIn(); } else { $(&#39;# ThomzTop&#39;).fadeOut(); } }); $(&#39;# ThomzTop &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>

• Kemudian Cari Kode </body> dan Letakan Kode di Bawah Ini di Atas Kode Tersebut

<div id='ThomzTop'><img src='Url Gambar Kamu' style='margin-right:-9px'/></div>