Sunday, 26 August 2012

Add best Glass style Back to top button in blogger easily.

Hi friends now add best Glass style back to top button in blogger easily.
Follow simple and easy step to adding this Button in blogger --->>>>
* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Click in small box to expand your template.

* Now find this code
</head> by CTRL+F key.
* Copy below code and paste before
</head>
<style type='text/css'>
#blogger-StoTop {-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>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
    $(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")
            })
        }
    });
    $(function() {
        $("#blogger-StoTop").scrollToTop();
    });
</script>
<a href='#' id='blogger-StoTop' style='display:none;'>Scroll to Top </a>
* Now click to save Your blogger Template and now you are done my friend.

No comments: