Tutorial Dreamweaver | Web Desain

NAVIGASI MENU :
TUTORIAL > DREAMWEAVER

Floating Back To Top Page

Publish: 3 April 2012 | Author & Copyright: Johan | Status: FREE tutorial

floating top

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 ^_^/

Share URL

Share the URL of this Tutorial in IM, Email or post in forums

http://www.ilmugrafis.com/dreamweaver.php?page=floating-back-to-top-page

* Klik Link, copy (ctrl + c) dan paste (ctrl + v)

Info dan Kontak Penulis

Johan Felisitas
Tentang Penulis : Lahir di Surabaya 1986, Menyukai desain grafis. Saat ini bekerja sebagai freelancer designer grafis
Motto : Berikan yang terbaik, untuk mendapatkan yang terbaik!

Penulis dapat dihubungi via:
Email : johan.felisitas[at]gmail[dot]com

Rekomendasi ilmugrafis

Jasa Desain Grafis Terpercaya
Dapatkan jasa desain grafis berkualitas dari team ilmugrafis

Supported by ilmugrafis indonesia

Kembali Ke Atas