Kamis, 21 November 2013

Browse Manual » Wiring » » » » » » » Cara Membuat Tombol Kembali Ke Atas

Cara Membuat Tombol Kembali Ke Atas

cara membuat tombol scrool to top
Trik Blogger - Cara Membuat Tombol Kembali Ke Atas, Sesuai dengan judul admin di atas kali ini admin berbagi suatu fasilitas yang memberikan kemudahan kepada pengunjung blog untuk kembali ke menu bagian atas suatu blog, ngga kebayang kan sob kalo blog panjang banget, tangan bisa pada pegel scrool terussss http://www.addemoticons.com/emoticon/small/AddEmoticons0593.gif hahaha.......Langsung aja sob :

→ Login ke Blog sobat

→ Rancangan

→ Edit HTML

→ Cari Kode </body>

→ Copy kode dibawah ini, dan tempel tepat di atas kode diatas

Copy ya
<!-- Strat scroll -->
<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 -->

Kode yang berwarna merah, bisa sobat ganti dan sesuaikan pada blog sobat, sobat langsung ganti dengan kode #(pilihan warna) PILIH di TOOLS

Bila trik ini bermanfaat silahkan berkomentar di kolom komentar di bawah ya sob -trims-

Tidak ada komentar:

Posting Komentar