How to add back to top button gadget to blogger 0

| | , , , , , ,


Hello friends add this cool back to top button in your blogger blog now . if you add this widget in your blog visitor will come in top with one click so add this gadget now.

Follow simple step to adding this button in your blog--->>>>
 
FIRST METHOD:-

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Now find this code </body> with CTRL+F key 

* Now copy below code and paste before  </body>

<a title="Back to TOP" style="position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;" href="#"><img border="0" alt="Back to TOP" src="http://lh5.ggpht.com/_E9GepRjgaK4/TKHd8GP3_LI/AAAAAAAAAdk/8uAIpWtzY9c/Up1Blue%5B4%5D%5B3%5D.png"></a>

* Now save your blogger template now you are done.

SECOND METHOD :-

* First go to blogger template.

* Click in design tab and edit HTML.

* Now click in small box to expand your blogger template now.

* Find this code </body> by CTRL+F key.

* Now copy below code and paste before  </body>



<style type="text/css">
#B9-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 type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></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() {
        $("#b9-StoTop").scrollToTop();
    });
</script>
<a href='#' id='b9-StoTop' style='display:none;'>Scroll to Top </a>

* Now save your blogger template now. you are done.

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: How to add back to top button gadget to blogger ~ Twitter FaceBook

0 Responses So Far:

Categories

Select Your Categories