Add Smooth go to top to Blogger

Pin It Now!

Go to top/Scroll to top for blogger, this is another cool widget that can be used for blogger as well as for websites you have to follow some simple steps to add this widget to your blogg you can place anywhere at the bottom of your blogg according to your interest and your blogg








STEPS
1.Go to your blogger dashboard-->Now go to templet
2.click on the edit HTML and then proceed
3.Now press CTRL+F and find </body>
4.Copy the code given below and paste it before </body>

<<style type='text/css'>
#w2bz-StoTop {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; width:60px;background-color: #EEEEEE;background-color: rgba(238, 238, 238, 0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=&#39;#99EEEEEE&#39;,EndColorStr=&#39;#99EEEEEE&#39;);text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#444;text-decoration:none;border:1px solid #C9C9C9;}
</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(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;#w2bz-StoTop&quot;).scrollToTop();
});
</script>
<a href='#' id='w2bz-StoTop' style='display:none;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTTPyJSb3BLdidIDm3hfCmtwtTk4k2Eoic71Bkh_YNaG08NZQ4f7Iop1tYo1VoyL0vHwl_OYQ8pN-K4NS2UhAfAsDbFbDux_r54xNA_tcjGOQQFlpESklrh0Bx-9hDc9GPmaLTr0BT86I/h120/top.png'/></a>

Position adjustment

you can change the position from right to left by editing right:10px  given in 2 line
if you want it to left of your blogg window edit  right with left

Pin It Now!