Smooth scrolling back to top button for blogger

Click here to see Live DEMO

How to add it to Blogger 

1. Go to layout>add a gadget>HTML/Javascript
2. Paste the following code in it

<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script><script>jQuery(document).ready(function() {var offset = 220;var duration = 500;jQuery(window).scroll(function() {if (jQuery(this).scrollTop() > offset) {jQuery('.back-to-top').fadeIn(duration);} else {jQuery('.back-to-top').fadeOut(duration);}});jQuery('.back-to-top').click(function(event) {event.preventDefault();jQuery('html, body').animate({scrollTop: 0}, duration);return false;})});</script><style>.back-to-top {position: fixed;bottom: 2em;right: 0px;text-decoration: none;color: #000000;background-color: rgba(235, 235, 235, 0.80);font-size: 12px;padding: 1em;display: none;}
.back-to-top:hover {opacity:0.96;text-decoration: none;}</style>
<a href="#" class="back-to-top"><img src="http://s7.postimg.org/h9c01v1wr/back_to_top.png" width="50" height="50" style="border-radius:5px;"/></a>

Customization 

To change the Back to top button image replace the GREEN LINK with your image link.

That's it, I Hope you liked it :)

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest