Tutorial - Jquery Scroll Top Button

Assalamualaikum!

Now this time ain akan buat tutorial how to make top button. Wanna know? TRY IT NOW.

1. Dashboard - design - edit html - tick expand widget template

2. Cari code neyy : </body>

3. Copy code ney :

<a href='#' id='toTop'><img src='http://i.imgur.com/mKqLv.png ?t=1292762029' style='border:0;'/></a>

4. Paste ATAS/SEBELUM code </body> 


5. Cari code ney pulak : ]]></b:skin>


6. Copy code neyy :

/* 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 neyy : </head>


9. Copy code neyy :

 <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 ATAS/SEBELUM code </head>

11. Preview - then save !

12. Tulisan pink tuu korg boleh tukar dengan freebies yg ain bgy ney eh . simple2 jeh . hihi .

kalaw nk guna komen ek :>

http://i.imgur.com/90XFG.png

http://i.imgur.com/H5EQ2.png

 http://i.imgur.com/F7VNd.png

 http://i.imgur.com/XaLzl.png

http://i.imgur.com/k2cO0.png

 http://i.imgur.com/1E5Ul.png

 http://i.imgur.com/2Z3aR.png

---

THANKS FOR READING THIS :) LIKE IF YOU LIKE ♥

---