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
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiragFnCz46XPGLARJqTr48rH3GxECBo_XIc_oRvm3iIPI_XRJEOZMIFoLxzAznys0IhGrjo3djco4M1rhS1gfJHwwb1bqpyBJi3qGFaOsvoITDfK0945Pzw2Qq_hthoW22WDbYQiD9XsM/s1600/back-to-top.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhReq5D5K1PRJmVRA2OtsX9iOJmrQTfZXbY4Bt0bebC3hc_2YA9mgzohl3wHUt1ojuoeWQJ8c0o3q9Hlez-pueh24j3bRSBjsLgJnDbahvxagoWXGesJKKLfTFbaYF20XBGGCisw0-lWo0/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

Home Home Home