Cara Memasang Back to Top di Template Blog NTS New 2020

Posted by New Thesis SEO

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