Fitur Back To Top/Scroll To Top adalah
fitur navigasi blog yang berfungsi sebagai shortcut agar pengunjung
bisa kembali ke bagian atas halaman blog dengan cepat dan hanya dalam
satu klik.
Tombol back to Top Blogspot kali
ini berjenis melayang (floating) dan berada di bagian pojok kanan
bawah. Kodenya pun sedehana dan tidak menggunakan javascript/jquery
sehingga waktu muatnya lebih pendek. Script ini dibuat berdasarkan
perintah link yang mengacu ke wrapper (#) dengan ditambah aturan CSS
position-styling. Easy.
Cara menambahkan fitur 'Back To Top' untuk Blogger-Blogspot:
5. Complete !!!! Silahkan dicoba ^_^
1. Masuk ke edit HTML.
2. Cari kode tag </body> (Ctrl+F)
3. Masukkan kode berikut di atas </body>:
<a href='#' style='position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;' title='Back to Top'><img alt='Back to Top' border='0'src='alamat url gambar Back to Top-mu'/></a>
Ganti title Back to Top dengan
kata-kata yang disuka, misalnya 'return to top', 'kembali ke atas',
'balik ke atas', 'meluncur ke atas', 'balikan nyook', atau 'kembali ke
laptop'... terserahlah, suka-suka sobat... ^_^ Fungsinya untuk notifikasi
ke pengunjung tentang kegunaan tombol tersebut.
Alt Back to TOP lebih baik ditinggalkan begitu saja kalo-kalo gambar gagal dimuat browser jadi tulisan itu masih nongol sebagai pengganti.
Gunakan gambar berikut, klik kanan copy (save as), trus upload dan host sendiri ya gambarnya
4. Kalau sudah dimasukkan semuanya dan pastikan tidak ada yang terlewat, save template HTML-nya.
Posting Komentar