Jquery To Top + Freebies (updated)

by K A L L E N
Let's Share, nyaan! (。•ㅅ•。) :
Konbanwa~~
udah lama ga blogging~ yah karena UAS juga sih. tapi nilaiku sama sekali ga ada yang bagus. mungkin aku lagi galau abis di putusin(?) TT____TT
Kali ini aku mau posting "go to the top!". maksudnya kalo kita kebawah bawah blog, terus kan capek kalo kita scroll sampe atas. nah button ini bikin otomatis sampe keatas~ :D like this, ini gambarnya aja sih :O
yosh, dimulai dari Rancangan > Edit HTML
posting kode ini diatas kode ]]></b:skin> :
/* to top */
#toTop { width:100px;background:none;border:0px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:70px;cursor:pointer;color:#666;text-decoration:none; }

warna biru nya bisa di sesuain kok. itu besarnya gambar, jadi kalo terpotong, yaa digedein ajaaa 
lanjut, posting kode ini dibawah kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr(&quot;href&quot;);if($(window).scrollTop()!=&quot;0&quot;){$(this).fadeIn(&quot;slow&quot;)}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()==&quot;0&quot;){$(scrollDiv).fadeOut(&quot;slow&quot;)}else{$(scrollDiv).fadeIn(&quot;slow&quot;)}});$(this).click(function(){$(&quot;html, body&quot;).animate({scrollTop:0},&quot;slow&quot;)})}});
$(function() {
$(&quot;#toTop&quot;).scrollToTop();
});
</script>
oke oke, ini belom selesai. sekarang kita masukin gambar buat 'top' nya :D
pertama tama, masukin dulu kode ini dibawah </body>
<a href='#' id='toTop'><img src='URL TO TOP MU?t=1292762029' style='border:0;'/></a>
udah bisa? Preview dulu yah baru save! :D
nah aku ada beberapa gambar to top. boleh request kok, soalnya ini cuma beberapa. aku bingung soalnya haha :O
http://i1088.photobucket.com/albums/i330/Lenkallen/32.png
http://i1088.photobucket.com/albums/i330/Lenkallen/33.png
http://i1088.photobucket.com/albums/i330/Lenkallen/34.png
Segini aja postinganku. kalo ga bisa, tanya aku aja haha. buh baaay~ :3 

♫ Thanks for Reading, da. Ctrl + C = COPY! ♫

0 Spam(s) on "Jquery To Top + Freebies (updated)"

Posting Komentar

Rules :
✱ Menggunakan bahasa yang baik, jelas dan benar
✱ Tidak spam
✱ Tidak menyinggung perasaan author maupun orang lain

Regards,
Kallen Beilschmidt ♫

 
H o m e S t u f f s K a l l e n T o m o d a c h i T h a n k s T o F o l l o w +
K a l l e n B e i l s c h m i d t Ⓒ 2 0 1 6