Site Info


Template

Membuat Tombol Back To Top Biasa Melayang

Posted by Unknown on 4/30/2014 2 comments


Membuat Tombol Back To Top Biasa Yang Melayang- Setelah tadi saya mempublikasikan tutorial tentang membuat back to top dengan efek bounce, sekarang saya akan mempublikasikan tutorial membuat back to top yang lebih sederhana lagi. Apa maksudnya sederhana lagi? maksudnya adalah ketika tombol back to top ditekan, maka halaman suatu blog akan langsung menuju ke halaman teratas tersebut.

Masih kurang paham? contoh sederhananya adalah Doraemon yang menggunakan pintu kemana saja untuk pergi ke mana-mana. Jadi kurang lebih gambarannya seperti contoh Doraemon diatas. Saya rasa tidak perlu saya terangkan lebih jauh lagi. Untuk membuat tombol back to top biasa yang melayang, ikuti langkah-langkah berikut ini:

1. Kunjungi Template > Edit HTML.
2. Cari kode </body>. Jika sudah ketemu, letakkan kode berikut tepat diatasnya.
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Scroll/Back to Top"><img src="http://icons.iconarchive.com/icons/taytel/orb/32/arrow-up-icon.png" /></a>

Catatan:
Untuk yang warna merah, ganti URL gambar back to top dengan URL gambar yang lain. Tapi jika Anda ingin menggunakan URL gambar seperti yang tertera pada kode diatas, tidak masalah.

3. Simpan Template.

Tags

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus facilisis nulla at odio vestibulum, ut accumsan mauris venenatis. Fusce metus nisl, lacinia at elit eget,
Facebook
Google+
Linkedin
Pinterest
Delicious

2 komentar:

Silakan berkomentar dengan bahasa yang baik dan benar. Komentar yang mengandung bahasa kasar, SPAM, dan SARA tidak akan dibalas dan akan ditaruh dalam folder SPAM. Blog ini menerapkan fitur moderasi komentar. Dilarang menyertakan link hidup atau mati serta bentuk promosi lainnya. Terima kasih.