Tutorial: Jquery top button

Assalamualaikum.
This was for template designer user.

  Benda ni kalau kita scroll down pada blog kita, ada satu image yang akan keluar (pilihan sendiri) kat sebelah kanan bawah blog korang.

So, let's follow this steps:

1. Dashboard > Template > Edir html
2. Click anywhere in your html codes box.
3. Press CTRL+F and search </body>
4. Copy the codes below and paste atas  </body> tadi.

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

5. Then cari pula ]]></b:skin>
6. Cope the codes below and paste atas ]]></b:skin> tadi.

/* 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. Search pula code  </head>
8. Copy code di bawah and paste atas </head> tadi.

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

 9. The one in red color, tukar dengan url top button.
10. Preview and save.

Bye.