Icon Back to top yang dulu pernah fenomenal ini, sekarang kita akan bahas kembali. Temen - temen ada yang ingat dengan cara membuat widget melayang? jika temen - temen ingin melihat silahkan baca artikel sebelumnya mengenai status YM melayang. Nah tampilannya tidak jauh dengan itu . Icon back to top ini sangat berguna untuk melakukan lompatan dari halaman paling bawah menuju halaman paling atas, jadi temen - temen tidak perlu lagi melakukan scrollbar pada browser.
Langsung aja menuju blog anda masing - masing :
1. login
2. Pilih Tata Letak
3. Silahkan tuju pada halaman edit HTML.
4. kemudian letakan kode dibawah ini diatas tag </body>
<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top'><img src='http://i396.photobucket.com/albums/pp48/putro16/Jumptotop.gif'/></a> |
5. Simpan Temlate
Mau edit :
- Jika anda ingin megatur jarak image silahkan edit di bagian kode: 5px;right:5px; Anda juga bisa
- Mengganti posisi images dengan menganti position: fixed; dengan position: absolute; position: relative; dan position: static;
Selamat mencoba....
27 komentar:
mantap
sip.... nich.. :)
bagus............. pertamax
sip bikin g pegel2 lo scrollnya panjang,... :D
:)
pertamax ok
@ all : makasih semua atas kunjunganya
tes back link... he
ntar ak cobain yach...mudah mudahak aja bisa.
tks sebelumnya...
makasih tutorialnya sobat
makasih
oke dah boz
Saya sudah coba membuat tombol "Back To Top" dan berhasil tetapi kenapa kadang-kadang favicon di address bar berubah. Mohon pencerahannya.
Terima kasih.
Sorry Mas, saya salh menempatkan script.
Sekarang Tombol Back to top sudah normal. Terima kasih tutorialnya.
Oh ya profile lengkap author blog ini dimana? soalnya kalau yang dik anan bawah saya pikir kurang lengkap.
wueshhh... keren mas. dh lama nyari ni, dpet juga.
Thank u Mas
keren artikelnya bro..
salam kenal sobat
blognya keren.
trims atas script back to top-nya, mantap.
wah..terimakasih.infonya mas.
ijin nyoba bosss :D
thanks infonya, uda saya praktekin dan berhasil sob..
link balik y sob, link sobat ud saya pasang di blog sy:
http://herypratama.blogspot.com
thanks
saya coba dulu sob...
sip banget infonya
bisa juga di coba
kalau membuat tombol kembali keatas tapi tidak sampai header, kenapa mas apa ada script yang salah
wahh baguss kak :D
makasih infonya siap untuk dipraktekan
BLOG YG SANGAT BAGUS DAN ARTIKEL YG MENARIK DAN BERMANFAAT. TERIMAKASIH
Posting Komentar