How Add jquery smooth scroll back to top widget For blogger

PUT YOUR PARSED ADSENSE CODE HERE

Today i'll Show you. How We can add Simple Jquery plugin Install in blogger template.when you install this widget in your blog your blog is more friendly for new users they feel friendly with your blogger widget.when we use any tool in blogger it have lot of benefits and more attractive your  blogger theme.

How Add jquery smooth scroll back to top widget For blogger

How To  Add This Widget To Your Blogger Blog?

I will show You Below all Procedure in Simple Steps.just Follow All Instructions.

• Go To >> www.blogger.com >> Go To >>Dashboard >> Template >> Edit HTML
• Search for </body>  using Ctrl + F
• Add below codes before </body>

<style type='text/css'>
#MBB {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; width:96px;background-color: #EEEEEE;background-color:#FFD45D;filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=&#39;#99EEEEEE&#39;,EndColorStr=&#39;#99EEEEEE&#39;);text-align:center;padding:5px;position:fixed;bottom:51px;right:29px;cursor:pointer;color:#111;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;#MBB&quot;).scrollToTop();
});
</script>
<a href='http://www.seobloggertricks.com/' id='SBT' style='display:none;'>Scroll to Top </a>

• Now Save Your Template 
• You Can See In Right Sidebar Back To Top Widget.

Do you Like this story..?

Get Free Email Updates Daily!	Follow us!