-->

Template Blog Simple, Ringan, SEO Friendly

Cara Memasang Back to Top di Template Blog NTS New 2020


Cara Memasang Back to Top di Template Blog NTS New 2020 sangat mudah. Bisa diterapkan di template blog lain.

1. Klik Tema > Edit HTML
2. Copas Kode CSS Back to Top berikut ini di atas kode ]]></b:skin>

#back-to-top {background: #E73037;color: #ffffff;padding: 8px 10px; font-size:24px}
.back-to-top {position:fixed!important;position:absolute;bottom:20px;right:20px;z-index:999}

3. Copas Kode JavaScript Back to Top berikut ini di atas kode </body>

<div class='back-to-top'>
<a href='#' id='back-to-top' title='back to top'>
<i class='fa fa-chevron-up'/>
</a></div>
<script>
$(window).scroll(function() {
if($(this).scrollTop() &gt; 200) {
$(&#39;#back-to-top&#39;).fadeIn();
} else {
$(&#39;#back-to-top&#39;).fadeOut();
}
});
$(&#39;#back-to-top&#39;).hide().click(function() {
$(&#39;html, body&#39;).animate({scrollTop:0}, 1000);
return false;
});
</script>

4. Simpan!

Beres! Itu dia Cara Memasang Back to Top di Template Blog.*

No comments:

Post a Comment

About NTS

New Thesis SEO (NTS) adalah template blog simple dan ringan (fast loading), responsive, dan SEO Friendly. Dengan template ini Anda tinggal FOKUS ke konten. SEO On Page elemen desain sudah dipenuhi template ini. Free!!! Gratis!

Follow by Email

Copyright © New Thesis SEO. All rights reserved. Template by CB