Back to Top (Kembali ke Atas) adalah alat bantu untuk memudahkan pengunjung
yang udah bosan seperti saya muter2in Scroll pada Mouse untuk kembali ke bagian
paling atas blog :D.
Caranya adalah:
1. Pastikan udah Login, dan udah Cadangkan/Pulihkan Template anda.
2. Pilih Edit HTML, dan jangan lupa centang Expand Template Widget,
3. Masukan script jquery berikut ini diatas </head>
1. Pastikan udah Login, dan udah Cadangkan/Pulihkan Template anda.
2. Pilih Edit HTML, dan jangan lupa centang Expand Template Widget,
3. Masukan script jquery berikut ini diatas </head>
<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script src='http://blogtrikdantips-blogspot.googlecode.com/files/sed_back_to_top.js' type='text/javascript'/>
<script src='http://vianjb.googlecode.com/files/to%20top.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
/*
var defaults = {
containerID: 'moccaUItoTop', // fading element id
containerHoverClass: 'moccaUIhover', // fading element hover class
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
5. Letakkan
kode dibawah ini diatas kode ]]></b:skin>
#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:75px;
height:150px;
border:none;
text-indent:-999px;
background:url(https://lh4.googleusercontent.com/-3QsqA89oEr4/T9h2tFknHMI/AAAAAAAAAmc/W_Tb3I0sL1g/s137/UP.png) no-repeat left top;
}
#toTop:active, #toTop:focus {
outline:none;
7. Simpan
template dan Lihat Perubahannya
Ganti Tulisan Berwarna Merah denga Link/Url Gambar yang anda inginkan,