Cara Menghapus Tombol Back To Top Bawaan Template Viomagz
Cara Menghapus Tombol Back To Top VioMagz
Halo sahabat blogger,kali ini kita akan membahas ihwal cara menghapus tombol back to top bawaan template VioMagz. Tombol Back to top yaitu sebuah tombol statis yang dibentuk melayang di penggalan sidebar template dan biasanya dipasang secara sticky sehingga posisinya akan berpindah sesuai bergulirnya layar. Dan ketika kita sudah melaksanakan scroll sampai bawah cukup mengeklik tombol back to top tersebut untuk kembali ke posisi paling atas dari blog anda/blog tersebut.
Baca Juga : Cara Menghapus Widget Baca Juga (Inline Related Post) Bawaan VioMagz
Namun dalam beberapa perkara ada blogger ataupun visitor yang merasa bahwa tombol tersebut kurang mempunyai kegunaan atau tidak mempunyai fungsi khusus yang spesial. Atau ada beberapa orang juga yang ingin untuk menghapusnya sebab desain dari tombol back to top tersebut yang ter;ihat kurang menarik sehingga ingin untuk menghapusnya. Berikut ini tutorial cara menghapus tombol back to top bawaan template VioMagz :
Cara Menghapus Tombol Back To Top Bawaan Template VioMagz
Peringatan!! : anda harus mengikuti langkah-langkahnya dengan benar,karena menghapus arahan yang salah atau menempatkan arahan yang tidak sesuai akan menciptakan struktur template anda rusak.
Cara Menghapus Tombol Back To Top :
- Buka Blogger.com
- Sign In dengan Akun anda
- Buka Dashboard Blogger
- Pilih hidangan Tema
- Klik Edit HTML
- Lalu cari dan hapus arahan berikut :
<Group description="Back to Top" selector="#back-to-top">
<Variable name="backtp.background.color" description="Background" type="color" default="#49ACE1" value="#49ACE1"/>
<Variable name="backtp.color" description="Color" type="color" default="#ffffff" value="#ffffff"/>
</Group>
- Bila sudah,berikutnya cari dan hapus arahan berikut ini :
/* Back to top */
#back-to-top {
background:$(backtp.background.color);
color:$(backtp.color);
padding:8px 10px;
font-size:24px;
border-radius: 22px;
}
.back-to-top {
position: fixed !important;
position: absolute;
bottom: 25px;
right: 20px;
z-index: 998;
}
- Lalu yang terakhir anda cari dan hapus arahan berikut ini :
<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() > 200) {
$('#back-to-top').fadeIn();
} else {
$('#back-to-top').fadeOut();
}
});
$('#back-to-top').hide().click(function() {
$('html, body').animate({scrollTop:0}, 1000);
return false;
});
</script>
- Bila sudah silahkan klik Simpan Tema
Penutup
Itulah cara menghapus tombol back to top bawaan template VioMagz, pastikan anda menghapus kode-kode yang benar untuk menghindari kesalahan atau error pada struktur template kalian. Selain itu jikalau anda menghapusnya pastikan dahulu apakah anda benar-benar tidak membutuhkannya atau mungkin ada kepentingan lain menyerupai ingin mengganti dengan tombol back to top yang lain. Jangan menghapusnya begitu saja untuk menghindari kerusakan pada template anda.
Selamat Mencoba dan Terima Kasih.
