Tutorial : Scroll up button


For template designer
1.ctrl + f and find code   <head>
2.Copy this code 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><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 &quot;Scroll to Top&quot; 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(&quot;href&quot;);if($(window).scrollTop()!=&quot;0&quot;){$(this).fadeIn(&quot;slow&quot;)}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()==&quot;0&quot;){$(scrollDiv).fadeOut(&quot;slow&quot;)}else{$(scrollDiv).fadeIn(&quot;slow&quot;)}});$(this).click(function(){$(&quot;html, body&quot;).animate({scrollTop:0},&quot;slow&quot;)})}});
$(function() { $(&quot;#toTop&quot;).scrollToTop(); });
</script> 

and paste before
  <head>

3. Find code   </body>
4. copy  code

<a href='#' id='toTop'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5jCm8kJnOgU4SiyQsFHCHo-RL5Zy4DYymqokaL7yo8sUf5efl7duM7U2V70AGibq7EvNPTe9WJ6QKilmastg6GGiKei273dFjYrlt1iMUsF11Mz7liHp7a37SBk-XCYkvRqngC6RMLoE5/s1600/minho.png' style='border:0;'/></a>

and paste before ..
  </body>

No comments :

Post a Comment

Assalamualaikum and hi ,mind to drop your comment or opinion here .:D

arinaesy