Auto Hidden Scroll Tombol Share Dengan Jquery

angsung sobat scroll kebawah dan sobat akan bisa melihat contohnya.
Tombol share ini hanya akan terlihat bila pengunjung menscroll halaman ke arah bawah.
Untuk membuat auto hidden scroll tombol share dengan jquery sebagai berikut:
1. Sobat login terlebih dahulu
2. Setelah login sobat pilih rancangan
3. Kemudian pada halaman gadget sobat pilih add gadget
4. Pilih Html/javascript
5. Copas semua kode css dan jquery dibawah ini dan masukkan.

<div id='outnav'>
<div class='contain'>
<ul>
<li>
<a href='http://www.delicious.com/YOUR-ACCOUNT' target='new'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdCyfG4bHRNTjEpQ94wqhe7sL8SOmDJBixk97ai6IO1OFya4TM27G1XMccMXu5xlvpc-IW2g_rbxMs4a9_N_eCCUSjcglbejb-SKJEj-_v46fHB3HkgG4xOj2-QDuewKCkTZY1YeFHG5U/s1600/Delicious.png' title='Follow us at Delicious'/></a>
</li>
<li>
<a href='http://digg.com/raezen' target='new'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwzKjk0NXLHX7X0JjQW_h7emShkX_GvfvMoMvSHI0gWwTZWEqrmDpaNLxA1258LD3HMPIk4v-d2Y3K6CuYFRYnolRDe2_wH5OqxnA8UZikzDpDA6ssSx1CXkjGOGdj56SJkEkZYWLCsu8/s1600/Digg.png' title='Follow us at Digg'/></a>
</li>
<li>
<a href='http://www.facebook.com/pages/YOUR-ACCOUNT' target='new'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh41BNhmpu_mUbCMRK69BH6AkZwtWVTmSFBnDgnbxk6uGpLzNUHfqEx6CqlfeRgMwzmYEfLmn23uz_AzSFxAOoLDLiBBIjsSFxXmuxNPTzVkVwrA9WvM4vMU49Nmhtu_o3B3-mpXOvf8II/s1600/Facebook.png' title='Follow us at Facebook'/></a>
</li>
<li>
<a href='http://www.stumbleupon.com/stumbler/YOUR-ACCOUNT/' target='new'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheb7sJ7XMzs30cAj4JYKJQEpytfZo0d4Ckahb65ZNO9zjCkN3DzjorfwS_30vH7xlGI-rdciom7XF2m63S6P4VlMDPuA14h1uc_8j_aH5mml4VJ1u3GnQ2rF_BtykLVf8hJffh3NoZ0KI/s1600/StumbleUpon.png' title='Follow us at StumbleUpon'/></a>
</li>
<li>
<a href='http://twitter.com/YOUR-ACCOUNT' target='new'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDHncO28YYNb7NKS2YGKIw8vmuCZRbO43NUa1Gcb0a8LVk8U7jXHelj3nc3rIb-h0uFvPN14BU8ItCV9Ep6I9zzFWBRp3FvijP-xY-7CDn8XW1s9ETPR5ZIfF7ZFvBKJDtyBLx5571B6g/s1600/Twitter.png' title='Follow us at Twitter'/></a>
</li>
</ul>

</div>
</div>
<style>
#outnav {
position: fixed;
left: 0;
top: 99px;
z-index: 9999;
}
#outnav .contain {
margin: 0 auto;
width: 75px;
}
#outnav ul {
height: auto;
list-style: none outside none;
padding: 0;
width: 75px;
}
#outnav ul li {
display: inline;
float: right;
margin: 5px 10px;
}
#outnav a {
background: transparent;
color: #FAFAFA;
float: right;
height: 30px;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
jQuery(window).scroll(function () {
if (jQuery(this).scrollTop() !== 0) {
jQuery('#outnav').fadeIn();
} else {
jQuery('#outnav').fadeOut();
}
});
//]]>
</script>

6. Sobat simpan dan lihat hasilnya