Cara Membuat Tombol Scroll To Top di blog

Penulis Muh Akram Diterbitkan 7/30/2012

Kali Ini saya akan menjelaskan cara membuat Tombol Scroll To Top di blog, dan hasilnya bisa anda lihat di bawah ini ata lebih jelanya coba lihat saja di blogini

 

Tertarik membuatnya silahkan anda ikuti langka langka berikut ini Untuk Tombol Scroll To Top caranya adalah sebagai berikut :

• Login ke Blogger
• Rancangan
• Edit HTML
• Cari baris kode </body> 
• Copy Kode Di Bawah Ini Dan Paste di atas Kode tersebut :
  

<!-- Strat scroll By akrizz-->
<style type='text/css'>
#OW-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=&#39;#99EEEEEE&#39;

,EndColorStr=&#39;#99EEEEEE&#39;);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 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;#OW-StoTop&quot;).scrollToTop();
});</script>
<a href='#' id='OW-StoTop' style='display:none;'>Scroll to Top </a>
<!-- End scroll By akrizz -->

4. Simpan template dan lihat hasilnya.