Memasang 'Back to Top' di Blog

Tutor pertama di blog gue, itung-itung gue beramal dan berbagi atas percobaan gak bertanggung jawab gue atas blog kesayangan gue ini. Caranya gak ribet-ribet banget kok tapi hasilnya sungguh memuaskan. Seperti yang ada di sudut kiri bawah blog ini. Oke langsung saja yo....

Login pake akun blogger >> dashboard >> rancangan >> edit HTML

Buat amannya centang dulu expand template widget. Ok lanjut gan.

1. Cari kode </body> simpelnya cari pke Ctrl + f
2. CoPas kode ini di bawah kode tadi :

<a href='#' id='toTop'><img src='URL Gambar Top Button Lo?t=1292762029' style='border:0;'/></a>

Ganti yang warna merah sama URL gambar yang mao lo jadiin back to top button. Ada beberapa freebies yang bisa lo pake di sini

Kalo di blog gue kodenya seperti ini :

<a href='#' id='toTop' style='display:scroll;position:fixed;bottom:5px;right:5px;'><img src='http://i1100.photobucket.com/albums/g401/bukaneinstein/top-1.gif?t=1292762029' style='border:0;'/></a>

3. Cari lagi kode </head> trus paste kode ini di atasnya :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><br /> <script type='text/javascript'><br /> $(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")})}});<br /> <br /> $(function() {<br /> $("#toTop").scrollToTop();<br /> });<br /> <br /> </script>

Nah beres...!!
Selamat mencoba