Sabtu, 10 November 2012

Floating Back To Top Page

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

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
 

Ditulis Oleh : Ronny Aziz ~ Antik Komputer Blogspot

Christian angkouw Artikel Floating Back To Top Page ini ditulis oleh Ronny Aziz pada hari Sabtu, 10 November 2012. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Floating Back To Top Page dapat Anda sampaikan melalui kotak komentar dibawah ini. Bagi Shobat yang ingin mengcopy paste atau menyebar-luaskan artikel ini, tolong letakkan link dibawah ini sebagai sumbernya

:: Get this widget ! ::

Tidak ada komentar:

Posting Komentar