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