Memasang BACK TO TOP di blog bagi sebagian orang cukup penting apalagi mereka yang memiliki halaman blog dengan baris posting yang lumayan panjang, ketika selesai membaca dan ingin kembali pada posisi awal para pengunjung cukup tekan tombol BACK TO TOP tanpa ribet harus menggeser cursor keatas. Kira-kira seperti itulah gunanya BACK TO TOP :).
Baiklah sahabat uongduro mari kita ke TKP
1. Masuklah ke-akun blogger sahabat
2. Klik Thema
3. Klik [Edit HTML] jangan [Sesuaikan]
4. Cari kode </footer> mempercepat gunakan [Control+F] saja
5. Setelah ketemu letakkan kode berikut persis dibawahnya
6. Setelah dipaste Klik Save/Simpan
7. Selamat sahabat... Anda sudah mempunyai BACK TO TOP yang tidak kalah dengan blog tetangga.
Baiklah sahabat uongduro mari kita ke TKP
1. Masuklah ke-akun blogger sahabat
2. Klik Thema
3. Klik [Edit HTML] jangan [Sesuaikan]
4. Cari kode </footer> mempercepat gunakan [Control+F] saja
5. Setelah ketemu letakkan kode berikut persis dibawahnya
<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>
<style>
#back-to-top {
background: #219FDE;
color:#fff;
padding: 10px 11px;
font-size: 16px;
border-radius:20px;
}
.back-to-top { position:fixed !important; position:absolute; bottom: 20px; right:10px; z-index:999; } </style>
.back-to-top { position:fixed !important; position:absolute; bottom: 20px; right:10px; z-index:999; } </style>
7. Selamat sahabat... Anda sudah mempunyai BACK TO TOP yang tidak kalah dengan blog tetangga.
Belum ada tanggapan untuk "Cara Cepat Pasang Back To Top Di Blog Tanpa Ribet"
Post a Comment