Membuat Tombol Back To Top Melayang - Hallo sahabat TutorAsem, Pada Artikel yang anda baca kali ini dengan judul Membuat Tombol Back To Top Melayang, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Trick ngeblog di blogger, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Membuat Tombol Back To Top Melayang
link : 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/AVvXsEhsi9kWgH-uiXPEv2XFmz27t7iOfvqd4FO5YXBM7uVBQhhbWree22P_J0KSnNu0OGSIJQVsnMf3vTi1HoB4HThMHnR454N_dfhDt3bJ5XKiWM3Z9hJlZ6207VNlJ3glBdVXTcaUd6MRPYs/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...

Demikianlah Artikel Membuat Tombol Back To Top Melayang

Sekianlah artikel Membuat Tombol Back To Top Melayang kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Membuat Tombol Back To Top Melayang dengan alamat link https://tutorasem.blogspot.com/2014/01/membuat-tombol-back-to-top-melayang.html

Tweet