Related Posts Plugin for WordPress, Blogger...

Jumat, 27 Januari 2012

Cara Menggunakan CSS Menu Generator

Sofware CSS Menu Generator kali ini yang saya gunakan adalah CSS Menu Generator Version 3.5..Buat yang belum punya sofware ini..download dulu..saya uda sediakan di postingan sebelumnya..!
Hal-hal yang perlu diperhatikan adalah..
  1. Persiapkan kira kira apa Rancangan Menu DropDown yang anda inginkan..baik ntu dari segi warna, Font,   Banyakya Menu dan lain sebagainya...! Selanjutnya.......
  2. Kopi untuk jaga siapa tahu kehausan...haaa..haaa...Oke langsung aja ke TKP
Untuk Proses pembuatannya, saya misalkan dulu rancangan Menu DropDown yang saya inginkan seperti Blog Saya..

Menu Itemnya terdiri dari 4 Menu Item dan Sub Menu Item dari masing-masing menu Item...(Hitung Sendiri yaaa..Soalnya banyak bangettttt )
1. Download MP3 & Sofware
  • West Mp3
  • Christmas MP3
  • .
  • .
  • PC Games
2. Download E-Book
  • Skripsi
  • Soal Soal CPNS & STAN
  • .
  • .
  • Other Book
3. Download Math E-Book
  • Abstract Algebra
  • Real Anlysis
  • .
  • .
  • Mathematical Programing
4.Download Olympiad
  • OSN Matematika
  • OSN Kimia
  • .
  • .
  • Number Theory
Ini Dia Rancangan Persis Sepeti di Blog Saya kemudiaaannn..kita masuk ke tahap-tahap terpenting lainnya..
1. Buka Sofware CSS Menu Generator 
2.Sesuai rancangan diatas Menu Home tidak diperlukan jadi Klik Edit dan isilah kolom item dengan "Download MP3 & Sofware" sehingga akan muncul seperti Gambar di bawah ini

3.Maka setelah itu akan muncul seperti gambar berikut ini
4. Satu menu item sudah dibuat selanjutnya sub itemnya menyusul,, dan untuk membuatnya klik tombol New Sub-Item..untuk lebih jelasnya lihat gambar berikut..!
5. Selanjutnya sama halnya dengan tahap ke 4 untuk membuat Sub item lainnya..dan apabila sudah selesai membuat Menu dan Sub Menu nya maka akan tampak kurang lebih seperti gambar dibawah ini
6. Dan untuk Lihat Preview dari Project anda...silahkan klik tombol "Pull-Down Menu" untuk lebih jelasnya lihat Penjelasan pada gambar berikut..!
7. Sampai sejauh ini sudah rasa sudah cukup jelas..Silahkan Lanjutkan untuk Menu ke 2-4 beserta masing masing Sub itemnya....It's easy...tetapi klo ada kendala..silahkan tinggalkan komentar..!
8.Setelah anda selesai membuat semua menu-menu beserta masing-masing sub-menunya tahap selanjutnya adalah klik Tombol " HTML/CSS Code" kemudian "Menu Code" dan ikuti instruksi yang disampaikan...!
9. Penjelasan berikutnya akan digambarkan sebagai berikut...
10. Sekian dulu..untuk yang masih bingun..tinggalkan komentarnya,,,,..Thanx

Tidak ada komentar:

Poskan Komentar

Diberdayakan oleh Blogger.

search

Blog Archive

Site Info

wibiya widget

Copyright 2010 @ Movie,E-book, & Software