Cara Membuat Tombol Back to Top di Blog
Table of Contents
Bangiz - Pada
kesempatan kali ini saya mau berbagi tentang tips dan trik blogging. Tidak
dapat kita pungkiri bahwa tips dan trik blogging itu banyak sekali macamnya.
Asalkan kita kreatif, sebenarnya kita sendiri bisa menciptakan gadget
yang sesuai dengan keinginan kita. Setelah sebelumnya saya share tentang Cara Membuat Breadcrumb di Blog dan Cara Memasang Kamera CCTV Animasi di blog,
sekarang saya akan memberi tahu bagaimana cara membuat tombol back to
top.
Fungsinya
sendiri yaitu untuk mempermudah pengunjung atau kita sendiri. Ketika kita
sedang melihat blog bagian bawah dan ingin kembali lagi ke bagian paling atas,
kita tidak perlu repot memutar bagian tengan mouse, tetapi cukup mengklik
tombol back to top yang secara otomatis kembali menampilkan bagian paling atas.
Apabila Anda merasa perlu untuk membuatnya silahkan ikuti caranya berikut ini:
<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSlMru0RY6gppZ3gHvJ4sEMb-tHsziLF8hYYB8tPKaucgdYWivOrGkccXdtSvFtvf73arObSH4V2br8bxe2nPBDgTYLYO5WyB4jpYx2KSP7WM_xiorUlXVoNw-OHJLNyPECAYYqEulk8vU/s1600/t2.png" /></a> Keterangan:
--> yang berwarna merah merupakan tempat menyimpan tombol, anda bisa menggantinya:
* bottom = bawah
* top = atas
--> yang warna pink merupakan posisi dari tombol, silahkan ganti:
* right = kanan
* left =kiri
* center = tengah
--> 5px merupakan jarak tombol dari samping dan dari bawah atau atas
--> yang berwarna biru silahkan ganti dengan alamat URL gambar yang
sesuai dengan keinginan Anda
 |
| Tombol back to top |