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

4. Simpan template dan lihat hasilnya.

Sumber : http://akrizz.blogspot.com/

Tolong dibaca nih gan !

Kamu sedang membaca artikel tentang Cara Membuat Tombol Scroll To Top di blog dan kamu bisa menemukan artikel Cara Membuat Tombol Scroll To Top di blog ini dengan url http://zackybee7.blogspot.com/2012/07/cara-membuat-tombol-scroll-to-top-di.html, kamu boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Tombol Scroll To Top di blog ini sangat bermanfaat bagi banyak orang, namun jangan lupa untuk meletakkan link Cara Membuat Tombol Scroll To Top di blog sebagai sumbernya.

Artikel terkait :