Cara Membuat Back to Top Dalam Halaman Blog

Pada posting kali ini Ahyar ingin membagi tips yang baru didapat malam ini. Tips ini awalnya hanya utak-atik kode tapi akhirnya kena juga, maksudnya dapat berfungsi seperti yang diinginkan. Tips ini adalah cara membuat Back to Top (kembali ke atas) dalam halaman blog.

Adapun fungsi dari tool Back to Top adalah untuk memudahkan pengunjung kembali pada halaman bagian atas apabila sudah berada pada posisi paling bawah halaman. Hal itu terjadi karena mungkin keterbatasan layar komputer atau laptop pengunjung.

Dan tips membuat Back to Top yang disharing adalah model Floating/melayang. Hasil dari kode Back to Top di bawah ini akan tetap dapat terlihat (mengapung) yang berlaku default pada seluruh halaman posting.

Cara membuat back to top dalam halaman blog dapat dilakukan dengan langkah-langkah sebagai berikut, yaitu:
1. Sign in di blog
2. Klick Rancangan
3. Klick add Gadget
4. Pilih HTML/Javascript

5. Copy lalu paste kode di bawah ini pada gadget HTML/JavaScript yang ditambahkan

<!-- Awal back to top button--> <div style='position:fixed; bottom:2px;left:10px; float: right; by-index:ahyarblog;'><div id='Image_img' style='float: right; by-index:ahyarblog;'><a href='#' style='position: fixed; bottom:4px;left:10px;' title='Naik Ke Atas'><img alt='Image_img' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdE4HTu7iLNz_uQe0QfADU9p3o7kVrhJsI0xQNS8YAlCPC4TvMQbDKzV03E4JF4CH7Yd42EXbbe47oxXY8ziKfXOQ7e4m2NApQDOBxE8VM-Xhsn0-zgDIt4Qw0CydXgQGLjeJJqcksHGZM/s177/AhyarBlogbtn.jpg'/></a></div></div><!-- Akhir back to top button-->

6. Klik Simpan untuk menyimpan perubahan
7. Klick Lihat untuk melihat hasilnya

Gadget HTML/JavaScript yang ditambahkan mau ditempatkan di mana saja tidak akan mengganggu tampilannya.

Artikel lainnya

Cara Membuat Teks Variasi
Cara Pasang Google Translate
Cara Membuat Teks Berjalan
Cara Membuat Scroll Box Menggunakan HTML