-->

Cara Memasang Back to Top di Blogger Mudah Tanpa Edit Template

BACK to top button adalah tombol kembali ke atas yang ada di sebelah kanan bawah halaman blog. Tombol kembali ke atas ini memudahkan pengunjung kembali ke halaman bagian atas.

Cara Memasang Back to Top di Blogger Mudah Tanpa Edit Template

Berikut ini Cara Memasang Back to Top di Blogger mudah, tanpa edit template.

Cara Memasang Back to Top di Blogger

1. Klik Layout (Tata Letak) > Add a Gadget
2. Pilih HTML/JavaScript
3. Judul widget kosongkan
4. Copas kode berikut ini:

<!--Smooth Back to Top Button Start-->
<script>
jQuery(document).ready(function() {
var offset = 220;
var duration = 500;
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > offset) {
jQuery('.back-to-top').fadeIn(duration);
} else {
jQuery('.back-to-top').fadeOut(duration);
}
});
jQuery('.back-to-top').click(function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: 0}, duration);
return false;
})
});
</script>
<style>
.back-to-top {
position: fixed;
bottom: 2em;
right: 0px;
text-decoration: none;
color: #c00;
background-color:transparent;
font-size: 12px;
padding: 1em;
display: none;
z-index:9999;
}
.back-to-top:hover {
text-decoration: none;
}
</style>
<a href="#" class="back-to-top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtmBsAmDSK77GARyHHibRVe5Jp7Jrf6bnsmiHbPuymQ1CM3iO8DpTOshF1cUVNhYOUu5bAPOoRlg0KvdVsxD5yZVBi-HiwLCzpQPR3nJR42d-XIuu3VqgDMpq54LP2EuIbQy1T7CPSgvAw/s1600/back+to+top+.png" alt="Back to Top" / /></a>
<!--Smooth Back to Top Button End-->

 5. Save!

Sudah. Itu dia Cara Memasang Back to Top di Blogger Mudah Tanpa Edit Template. Demonya di blog NJW V3 ini.*

0 comments:

Post a Comment

Search This Blog