Latest Post


    Terimakasih Telah Berkunjung

    Membuat Tombol Back To Top

    Dari sekian banyak cara yang ditemukan di google, napetis punya cara untuk membuat tombol Back To Top dengan smooth. Ga pake edit html, dan harus paham kode-kode yang bikin pusing.
    Langkah pertama, tentunnya login ke blog kamu. Pada Layout, klik Add Gadget, HTML/Java Script
    Kemudia tinggal masukkan kode berikut pada box yang tersedia (bagian Content),
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><style>
    .ks-back-to-top {
        position: fixed;
        bottom: 2em;
        right: 15px;
        text-decoration: none;
        padding: 1em;
        display: none;
        cursor:pointer;
    }
    </style>
    <img class="ks-back-to-top" src="http://goo.gl/hXP25U"/>
    <script type="text/javascript">
    /*****www.crawlist.net***/
    jQuery(document).ready(function() {
        var offset = 220;
        var duration = 500;
        jQuery(window).scroll(function() {
            if (jQuery(this).scrollTop() > offset) {
                jQuery('.ks-back-to-top').fadeIn(duration);
            } else { //www.crawlist.blogspot.com
                jQuery('.ks-back-to-top').fadeOut(duration);
            }
        });

        jQuery('.ks-back-to-top').click(function(event) {
            event.preventDefault();
            jQuery('html, body').animate({scrollTop: 0}, duration);
            return false;
        })
    });
    </script>
    Silahkan ganti bagian ini http://goo.gl/hXP25U dengan url gambar yang kamu inginkan, Misal
    http://4.bp.blogspot.com/-w-SrzuSdpH4/U68w-wr1fFI/AAAAAAAAAEM/JLNQF_Ze2GM/s1600/back-to-top.png

    http://4.bp.blogspot.com/-iI33GTEloqY/VR4kgNYMd3I/AAAAAAAAA74/H2Ny6VT5nxE/s1600/ScrollToTop-ARSDK.png
     http://www.codecheese.com/wp-content/uploads/to-top.png
    Atau gambar lain disini
    Terakhir, jangan lupa Save arangement
    Salam,
    napetis

    0 komentar:

    Post a Comment