0
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.

Post a Comment

Post a Comment