How to add together Flying Scroll to Top push clitoris to your Blogger spider web log using Jquery

 link makes it easier for your visitors to speedily navigate your pages How to add together Flying Scroll to Top push to your Blogger spider web log using Jquery

If your Blog has lot of long posts, adding a cool flight ‘Scroll to Top’ link makes it easier for your visitors to speedily navigate your pages.
Most of you lot bring already known nigh how to add together ‘scroll to top’ past times adding elementary ‘#top’ to your links. But, this 1 uses Jquery which makes it actually shine ( you lot actually similar it for sure).
So, lets acquire how to add together it to your Blogger blog..

1. Go to Layout ยป Edit html
Find

</body>

Add before

<a href="#" id="backtotop">^ Scroll to Top</a>

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

<script type='text/javascript'>

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

*Scroll to top

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

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

2. Find


]]></b:skin>

Add before


#backtotop { width:100px;background:#F4FFBF;border:1px enterprise #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }

Hosting Unlimited Indonesia

3. Save the changes!

Sumber http://www.bloggertricks.com