Tutorial : Jquery Scroll Top Button

1 . Dashboard > Design > Edit html > Tick Expand Widgets

2. cari code ni : </body>

3. copy code ni :

<a href='#' id='toTop'><img src='http://i1108.photobucket.com/albums/h420/sweetcandy4858/nurhafizah/topblack.png?t=1292762029' style='border:0;'/></a>

4. paste ATAS/SEBELUM code </body>

5. cari code ni pula : ]]></b:skin>

6. copy code ni :

 /* to top */#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; }

7. paste ATAS/SEBELUM code ]]></b:skin>

8. cari code ni : </head>

9 copy code nih :

 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>

<script type='text/javascript'>

/*----------------------- 

* jQuery Plugin: Scroll to Top 

* by Craig Wilson, Ph.Creative (http://www.ph-creative.com) 

* Bring to you by Zen from http://zenplate.blogspot.com 

* Copyright (c) 2009 Ph.Creative Ltd. 

* Description: Adds an unobtrusive "Scroll to Top" link to your page with smooth scrolling. 

* For usage instructions and version updates to go http://blog.ph-creative.com/post/jquery-plugin-scroll-to-top.aspx 

* Do not delete these infomation 

* Version: 1.0, 12/03/2009 

-----------------------*/ 

$(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> 

10. paste SEBELUM </head>

11. preview & save .

tulisan merah tu untuk image button back to top . korang boleh cari , tak pon buat sendiri okay . btw , saya buatkan beberapa button tu . boleh pilih dekat bawah .

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6XHzxPZ1x6b6xwoiFk5Fj08WLwSAGQ9R0Od_OKwock2REWGJ4ubOIEb-Lidzc2lfPREmOdr2I-wgQNWb6yg8efqZ6cccTLpie_6EmGmPYUmureo1wc3FqwDPIh-RrLLE8wYUGo-MM-Bs/s1600/th_topblack.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiShy61LVPZ-KcSQsiP0L-MZN00FSngHWr70CatHjHuKkFc36ExXRR8JfODbadOblKrCdlKZ4ZIyOYWn5xRJxURsHhwTgHorA9wQUqG8um5uwNr0vB5hsILj5Ts2sYHiRH6U1nOEIOFi1k/s1600/th_topgray.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOjOT5bCXb8y7yhyphenhyphenMKbaFOlKeveIhVbphSramrAtSOkLR37ScHSRtkDrsbKcwyCJmwubAQTx1crxUjoKnYJdW4KVb4NUSg7c9f3nKQJZVAeVU8uGEh5q16670BIGr5kADcBusp8olJenI/s1600/th_topborange.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8kTacd1-uH0tTpRahoDdOhpWfcWs040BpsJxJLKk0nfPcwo3quPJEAVJYxB0cm5XeFRmeSFXytZfXbfx3mU1-uJ2XBPKVC-9ztBSDywPLL6wxEcSLCpkCQD1lRwMhtRk7xVZQYZoJ86w/s1600/th_toppink.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7IPyiv2yjGRWcqVomqqyyJu7-dykcfckrr4lTUb5qCS8vcPIJLIrw9-awedun3cR8LyeoGdEdCsNGvyToprn448m4XDra3A1SzVZWme6hLBfQrYj883qE_XljcVvOyXtHnxxbQX-sAYo/s1600/th_topgreen.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiyFiWqEgOr9bD_nn0UKWEWJ9hUsIJMzw155ZuRb1HPhuKlHtttse67YY-vV4l0sWingGT_V6kCXl-EeY2fcbLXJ9Bz7NHQEA0gj53GTminw4G6gXGRBWL6wmfURua2rAIdBnigipdjMo/s1600/th_topblue.png

credit : nurulshabila.blogspot.com