tutorial css menu generator zhonce.blogspot

3
HTTP://ZHONCE.BLOGSPOT.COM/ 1. Install dulu software nya, klo lum punya download disini.. 2. Setelah selesai Instal, jalankan program dari menu start-All program-Css menu Generator 3. Keudian akan muncul seperti gambar dibawah ini: 4. Klik tombol +New untuk menambah menu yang ingin dibua, sedangkan + New Sub-Item untuk menambah Submenu dari menu utama 5. Setelah klik tombol +New maka akan muncul seperti gambar dibawah ini

Upload: muhammad-nurwanta

Post on 26-Jul-2015

15 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: Tutorial Css Menu Generator Zhonce.blogspot

HTTP://ZHONCE.BLOGSPOT.COM/

1. Install dulu software nya, klo lum punya download disini.. 2. Setelah selesai Instal, jalankan program dari menu start-All program-Css menu Generator 3. Keudian akan muncul seperti gambar dibawah ini:

4. Klik tombol +New untuk menambah menu yang ingin dibua, sedangkan + New Sub-Item untuk menambah Submenu dari menu utama 5. Setelah klik tombol +New maka akan muncul seperti gambar dibawah ini

Page 2: Tutorial Css Menu Generator Zhonce.blogspot

Pada Item (Caption) isikan nama menunya , pada Link isikan link yang dituju

6. Ulangi langkah 4,5 untuk menambahkan menu yang ingin kita buat

7. Setelah semua menu selesai kita tambahlkan, klik View dan pilih menu yang dinginkan

atau bisa saja langsung klik Tab Horizontal menu untuk tampilan menu secara horizontal

dan Tab-tab yang lain untuk tampilan menu sesuai dangan nama Tab yang anda klik

8. Setelah Memilih tampilan menu yang anda inginkan lihat dibagian Preview, tampilan

tersebut merupakan hasil yang akan tampil di halaman web anda..

9. Untuk melihat source code dari menu yang anda buat, klik kanan pada bagian Preview

kemudian pilih View Source maka akan muncul notepad yang berisikan source code dari

menu

10. Selesai… anda tinggal mengcopy code tersebut dan menggunakannya sesuai kebutuhan

anda

Untuk menampilkannya ke blog :

1. Login ke blog anda, kemudian klik Rancangan - Elemen Laman

2. Tambahkan gadget baru dengan type HTML/JavaScript tepat dibawah Header

3. Kemudian copykan code menu tadi kedalam gadget tersebut, STOP…!!!!..jangan asal

copy dulu..

Page 3: Tutorial Css Menu Generator Zhonce.blogspot

Copy sourcode nya mulai dari code dibawah ini:

<style type="text/css">

(code diatas terletak setelah <title>Untitled Document</title>)

Sampai :

</div>

(code tersebut terletak diatas code </body>)

4. Setelah itu simpan dan lihat hasilnya…

Oke..!!

Semoga bermanfaat..

Kunjugi http://zhonce.blogspot.com untuk mendapatkan info menarik lainnya..