Blogger/Blogspot Scroll to top jquery Button Widget

Adding this Widget is very Simple.Just follow the Below Steps Carefully.

Step1: Just Goto Your Blogger Dashboard and Click on Templates on Left tab pane and then Click on Edit HTML.

Step2: Now press Ctrl+F And then Enter  

on the Search to find the tag.
Step3: Now Add the Below Given Code Just Above the
tag.

<style type="text/css">

#abt-Top {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; width:100px;background-color: #EEEEEE;background-color: rgba(238, 238, 238, 0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99EEEEEE',EndColorStr='#99EEEEEE');text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#444;text-decoration:none;border:1px solid #C9C9C9;}

</style>

<!-- Scroll to Top Plugin for Blogger by www.wwesnaps.blogspot.com-->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"/>

<script type='text/javascript'>

    jQuery(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")

    })

    }

});

jQuery(function($) {

    $("#abt-Top").scrollToTop();

});

</script>

<!-- Scroll to Top Plugin for Blogger by www.wwesnaps.blogspot.com-->

    <a href="#" id="abt-Top" style="display: none;">Scroll to Top </a>

That's All is Well!! Now Your are done. Just check your blog! If you have any Problem with this widget Contact Me.