Iklan

Cara Membuat Tombol Scroll To Top di blog

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


Bagikan :
+
Previous
Next Post »
1 Komentar untuk "Cara Membuat Tombol Scroll To Top di blog"

keren sobat..tuh sudah ada di blog aku scroll to top keren milik mas akrizz..oh iya izin copy artikelnya sobat..nnti kalau saya posting diblog aku tolong dtegur kalau tdak menyertakan link sumber yach sobat..http://reformasibaru.blogspot.com

 
Template By Kunci Dunia
Back To Top