Home » Trick ngeblog di blogger » Membuat Tombol Back To Top Melayang

Membuat Tombol Back To Top Melayang

Fitur navigasi back to top ini berfungsi untuk perintah cepat agar pengunjung bisa kembali ke bagian atas halaman blog dengan tidak menggunakan fungsi scroll, tapi hanya cukup satu klik dengan menekan tombol back to top.

Tombol back to top pada template blogger ini berjenis melayang (floating) letak posisinya pada bagian pojok kanan bawah.  Script ini dibuat berdasarkan perintah link menuju ke main wrapper (#), dan kode ini tidak menggunakan javascript/jquery.

Dalam peragaan atau demo kita menggunakan gambar dibawah ini;


Cara memasang tombol back to top melayang sebagai berikut;

1. Copy kode dibawah ini;

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKgoNqiIpkdeNxS53zwdhL2J1EUFVWGpjZO7xgOhSuSD-FhFP_3ZXC0wZyWbOH5gjTocpAlHmf7UBxb4GTRkGYDY3b3ltg1I8Md6fgBG3GuE2jgVLaFKYi-EP1nTivEiXfgKUwwYSxKEw/s1600/backtotop.png" /></a>

Ganti kalimat warna merah dengan kata yang diinginkan. Ganti warna biru dengan url gambar back to top yang sampeyan kehendaki.

2. Buka Dasbor > Tata Letak > Klik Tambah Gadget > Pilih  opsi HTML/Javascript.
3. Letakkan kode tersebut didalamnya, lalu simpan.

Lihat Demo...

Artikel Terkait Trick ngeblog di blogger

Label: