Tampilkan postingan dengan label DREAMWEAVER. Tampilkan semua postingan
Tampilkan postingan dengan label DREAMWEAVER. Tampilkan semua postingan

Jumat, 04 Mei 2012

Menu - Menu Animasi Menarik di Dreamweaver

1. Buka Program Dremaweaver anda, disini saya menggunakan Dremweaver 8 , namun cara ini bisa diterapkan untuk semua versi Dremweaver mulai dari MX , 8 hingga yang terbaru yaitu Adobe Dremweaver CS5
Start >> All Program >> Dreamweaver

2. kalau anda tidak / belum punya website untuk project anda bisa mengklik Create new: pilih HTML

3. Sebelum kita mulai membuat menunya maka kita diharuskan save (menyimpan) dulu project kita dengan menekan CTRL + S , pilih direktori / tempat penyimpanan lalu berikan nama file yang anda inginkan. klik Save

4. Setelah itu pilih menu Insert >> Media >> Flash Button
tutorial dreamweaver

5. Pilih template tombol menu animasi yang anda inginkan
tutorial dreamweaver
Disini ada berbagai macam tombol yang WOW, menarik bukan... sebagai contoh maka saya pilih saja salah satunya yaitu Glass-Silver
Button Text berfungsi untuk menambahkan judul / kata apa yang terdapat di dalam button nantinya
Font : jenis font yang dipakai
Size : ukuran font yang diinginakan
Link : tautan untuk menu nantinya

Tekan OK, untuk title isi saja
tutorial dreamweaver
OK

klo 1 menu kurang maka buat lagi sebanyak yang anda perlukan untuk menu di website anda dengan mengulangi langkah di atas
Contoh hasilnya:
tutorial dreamweaver
Diposting oleh akademi la masia di 23.58 0 komentar
Label:

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

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>
floating top
Sedikit penjelasan: tag "img scr" disini adalah untuk menload image yang kita inginkan
daripada mengetik IG sudah menyiapkan Script code floating top page

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 ^_^/
Diposting oleh akademi la masia di 23.58 0 komentar
Label: