Pada Tutorial Dreamweaver dan HTML kali ini saya akan menjelaskan bagaimana cara membuat flating Back To Top Page kalau dalam bahasa Indonesianya adalah Tombol melayang untuk Kembali ke Halaman Atas. Maksudnya atas disini adalah kembali ke atas halaman. Misalnya kita mempunyai halaman posting yang panjang atau pengunjung loyal yang suka berkomentar di website atau blog anda dan sudah menscroll sampe bawah lalu kita ingin kembali ke menu utama yang ada di atas maka kita tidak perlu menscrol lagi ke atas jadi kita cukup mengKlik tombol back to top page saja. Jadi dengan shortCut ini maka kembali ke main menu menjadi Sangat praktis dan menghemat waktu dan tenaga tentunya.
Berikut ini cara dan Script Floating Back to Topnya:
1. Buka Dreamweaver, buka dan edit halaman web anda dengan Dreamweaver
2. Masukkan Script ini di antara tag <body> </body>
Sedikit penjelasan: tag "img scr" disini adalah untuk menload image yang kita inginkan
daripada mengetik IG sudah menyiapkan Script code floating top page
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"> <img src="http://www.ilmugrafis.com/images/old-go-top.png" /></a>
bisa dicopy dan paste ke code dreamweaver anda
Simpan (Save), upload file ke server
Tapi bagi anda pemakai blogger tidak perlu bersedih karena script di atas bisa juga dipakai di blogger. Caranya:
1. Login ke Blogger
2. Go to Layout -> Add a Gadget -> HTML/JavaScript type
3. Masukkan kode di atas, Save
Jika belum keluar di halaman utama konten blog anda maka Refresh Blogger anda dengan menekan tombol F5 di keyboard
Terima kasih
Sampai ketemu lagi di Tutorial Dremweaver berikutnya
Semoga Bermanfaat.
Create By : Ronny Aziz, 2012
Sumber : Ilmugrafis.com
Sumber : Ilmugrafis.com
Artikel 
Tidak ada komentar:
Posting Komentar