Skip to content Skip to sidebar Skip to footer

Cara Mudah Membuat Panel Back to Top

Cara Membuat Panel Back to Top

Cara Membuat Panel Back to Top. Hae gues, gimana kabarnya hari ini ?? Sehatkah ??
Dalam postingan kali ini admin akan berbagi ilmu tentang Cara Membuat Panel Back to Top. Gimana caranya membuat panel back to top? Simak tulisan admin tentang cara membuat panel back to top ini ya gues.

Mudah kok cara membuat panel Back to Top. Nah langsung aja yuk ke langkah-langkah cara membuat panel back to top.

Pertama, Anda harus masuk ke akun blog tentunya

Kedua, Ketika anda sudah masuk dan berada di halaman dashboard pilih menu Layout/Tata Letak

Ketiga, Tambah klik add a gadget

Keempat,  Pilih add Html

Kelima, Copy pastekan kode dibawah ini.

Keenam, Klik simpan dan lihat hasilnya.

<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://www.isdtindia.com/images/back_top.png"/>
<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>

Demikian totorial Cara Membuat Panel Back to Top. Selamat mencoba dan semoga berhasil.  

Post a Comment for "Cara Mudah Membuat Panel Back to Top "