Fitur Back To Top/Scroll To Top, seumpama yang sudah diterangkan dalam Cara Membuat Fitur/Tombol Back To Top di Blogger (V1), yaitu fitur navigasi blog yang berfungsi selaku shortcut mudah-mudahan hadirin sanggup kembali ke bab atas halaman blog dengan segera dan cuma dalam satu klik.
Tombol back to Top Blogspot kali ini berjenis terbang (floating) dan berada di bab pojok kanan bawah. Kodenya pun sedehana dan tidak menggunakan javascript/jquery sehingga waktu muatnya lebih pendek. Script ini dibentuk menurut perintah link yang mengacu ke wrapper (#) dengan ditambah hukum CSS position-styling. Easy.
Cara Memasang Back to Top Blogger/Blogspot V2:
1. Copy instruksi berikut:
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Cara Membuat Tombol Back To Top Melayang Blogger/Blogspot V2"color: blue;">Scroll/Back to Top"><img src="url gambar back to top blog" /></a>
Anda sanggup mengubah title Scroll/Back to Top dengan kata-kata yang diinginkan. Ganti url gambar back to top blog dengan gambar back to top anda, atau copy salah satu dari beberapa gambar "Back To Top" di posting tips-tricks blogger sebelumnya: Cara Membuat Fitur/Tombol Back To Top di Blogger (V1), atau sanggup juga googling dengan keyword "back to top button image". Edit ukurannya sesuai dengan besar yang diinginkan, kemudian upload. Masukkan url gambar yang sudah diupload ke dalam script.
2. Buka dashboard > Layout/Rancangan > Klik Add a/Tambah Gadget > Pilih pilihan HTML/Javascript
3. Paste/letakkan instruksi tersebut, kemudian save.
Posisi gadget dimanapun tidak duduk problem alasannya yaitu letak tombol tersebut fixed (tetap), yang membuatnya melayang.
4. Done!
Have Fun with your Back to Top Button!
Update: mau tombol tombol kembali ke atas dengan dampak fading dan smooth berbasis javascript yang super keren? Simak Back/Scroll to To Top dengan Jquery
© buka-rahasia.blogspot.com
