Smooth Balloon Scroll To Top Button For Blogger

Easy navigation is always liked by the readers. Hence to enhance your blog's navigation this might be a right post. This is smooth balloon scroll to top button for blogger.This buttons is displayed when a reader scrolls a bit down and fade's in when he/she is at to top.We have made this buttons with a creative idea of a Balloon. As a balloon wants to come to top or wants to go up and up. Hence, it will help you engage your reader to your blog.

Demo:

Click here

Steps To Add Smooth Scroll To Top Button:

Log in to your Blogger Account.
Go to Layout.
Click on Add a Gadget >> HTML/Javascript.
Paste the below code there.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>
$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#top-sbm").fadeIn()}else{$("#top-sbm").fadeOut()}});$("#top-sbm").click(function(){$("body,html").animate({scrollTop:0},800);return false})});
</script>
<a id='top-sbm' style='display: none; position: fixed; bottom: 1px; right:0%; cursor:pointer;font:12px arial;'><img style="margin-right:30px;" src='https://lh4.googleusercontent.com/-rDHmhZBegJg/UR5ESmavnJI/AAAAAAAABYI/gFU0vGatSbI/h120/back+to+top+balloon.png' width="80px" height="140px"/></a>