Jquery Top Button
adalah tombol untuk scroll otomatis ke atas halaman blog dengan efek jquery, tombol akan terlihat otomatis saat halaman berada di footer blog. Dan akan menghilang saat tombol berada di halaman atas blog.
LIVE DEMO
Cara:
1. login blog
2. template dan edit html
3. letakkan kode css di atas ]]></b:skin>
#toTop { width:100px;background:none;border:0px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }4. letakkan script di atas </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>abaikan yang berwarna cyan jika anda sudah mempunyai js jquery versi berapapun
$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});
$(function() { $("#toTop").scrollToTop(); });
</script>
4. Letakkan script di atas </body>
<a href='#' id='toTop'><img src='URL IMG?t=1292762029' style='border:0;'/></a>5. Ganti URL IMG dengan url gambar anda.
Teks/button/tombol back to top
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHNKai0ojY2X3n0EotjTis2S2wa_IGE2sC1nsP6VLL7i1USlINelFtVwMjn_RWUQ1BIF80gByN29F8nKa7moCv3xUwXCdoVzPS_0zyc3pt5QQ1a0qTuq8Ij5UnH4DjUNVy8b3dg8xIYg/s1600/top-pink+copy.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWy_DnISNzz-AbUWmiw7c975Iun1MX-LQdEBb8Db797VsgpJPoBH610d1emY8bvFm1PFHVzxi3gI_9mD1ZumrBK_GtE3uwvuvFwsQ4mJSkmJclW_2cb3C67JXpJfUv40g1f5SYHr22fg/s1600/top-purple.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHUDzrj73Dz5tJdLiyx4EQhMKsv8oECdoWPW6_R_o8nfKvw3Sicna6XKlK79qBCiHkaKrjl4PqYXvk1hzsvshZ7MtZcrisL8UkmKGBrnnkNVKYvz7siiFFCf3imOv2sGg6Yswk-SaiDw/s1600/top-blue.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbquyV-jLyLovzkpoR4TD5232_oYI9tOkKdRm8_CCGdoMKMULair9v714YuzdUOD1Xtj_pL9ogx9Fd7JaBGIZNaN9mXlg4WLtskPhBuWd4Gc9fdSMF6BDak47Gcvv4Vspc4kLFgiqESA/s1600/top-orange.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQk6Koo07YfEaHdCf5w7Oc-yglYJ_-mHSKnnGBTPUCiYX-YKYq_FhliB5yk-nKSqRQ04zs-8umO4RIYRmscCEXPLT_NTmZS4pfIXw3fGQxu7eaX3ELFTCDwSZQSgRHWvEoQTNCxmTP9A/s1600/top-black.png