Sabtu, 18 November 2017

CARA MEMBUAT MENU DAN SUB-MENU DI WEBSITE ANDA


Website milik Lembaga Kursus Komputer seharusnya bisa lebih mantap tampilannya, lebih cepat proses loading-nya, lebih terklasifikasi materi isinya, karena merupakan cermin barometer yang dapat mengukur sejauh mana tingkat kemampuan lembaga kursus tersebut dalam membuat website untuk dirinya sendiri di internet.

Supaya lebih mantap tampilannya bisa disajikan dengan gambar-gambar gif yang bisa gerak-gerak sendiri sehingga tampil lebih menarik. Supaya lebih cepat proses loadingnya, dibuat postingan pendek yang didukung keterkaitan dengan website lainnya, menggunakan link saling kerjasama. Supaya lebih terklasifikasi materi isinya, dapat dibuatkan menu dan sub-menu sehingga pengunjung terbantu lebih mudah untuk menemukan topik yang dibutuhkannya.

Pada kesempatan ini akan dibahas cara membuat menu dan sub-menu di website, dan contoh prakteknya diambil dari menu dan sub-menu pada website Lpk Intan dengan alamat INFOKURSUSJAHIT.BLOGSPOT.COM yang hasilnya dapat dilihat nyata.



Menu Utama tampil sebagai berikut:


Bila di-klik menu utama akan ditampilkan sub-sub menu berikutnya, dan berikut ini bagaimana cara membuatnya, yang cara penulisannya harus tepat benar, bila akan diganti maka bagian yang diganti adalah nama menu, nama sub-menu dan alamat tautan (URL) dari sub-menu bila di-klik.

<li><a href='#'>Lembaga</a>
  <ul>
    <li><a href='http://infokursusjahit.blogspot.com/2013/08/dasar-pemikiran.html'>Business Plan</a></li>
    <li><a href='http://infokursusjahit.blogspot.com/2013/08/riwayat-kursus.html'>Riwayat Kursus</a></li>
    <li><a href='http://infokursusjahit.blogspot.com/2014/01/kurikulum-kursus-menjahit-tahun-2014.html'>Sylabus/Kurikulum</a></li>
    <li><a href='http://infokursusjahit.blogspot.com/2013/08/metoda-pelatihan-menjahit-lpk-intan.html'>Metoda Pelatihan Era Digital</a></li>
    <li><a href='URL'>Sumber Dana Lembaga</a></li>
    <li><a href='http://infokursusjahit.blogspot.com/2013/08/dana-bantuan-lembaga.html'>Dana Bantuan Lembaga</a></li>
  </ul>
<li><a href='#'>Kegiatan</a>
  <ul>
    <li><a href='http://infokursusjahit.blogspot.com/2013/08/pelatihan-di-karangtengah.html'>Pelatihan di Karangtengah</a></li>
    <li><a href='http://infokursusjahit.blogspot.com/2013/08/pelatihan-di-ginandong.html'>Pelatihan di Ginandong</a></li>
    <li><a href='http://infokursusjahit.blogspot.com/2013/08/pelatihan-di-selogiri.html'>Pelatihan di Selogiri</a></li>
    <li><a href='http://infokursusjahit.blogspot.com/2013/08/pelatihan-di-kalibening.html'>Pelatihan di Kalibening</a></li>
    <li><a href='http://intankebumen.blogspot.com/2012/11/muscab-hillsi-kebumen-2012.html'>Muscab HILLSI Kebumen 2012</a></li>
<li><a href='http://infokursusjahit.blogspot.com/2013/09/kegiatan-lpk-intan-bulan-september-2013.html'>Kegiatan SEPTEMBER 2013</a></li>
<li><a href='http://infokursusjahit.blogspot.com/2013/11/kegiatan-bulan-oktober-2013.html'>Kegiatan OKTOBER 2013</a></li>
<li><a href='http://infokursusjahit.blogspot.com/2013/12/kegiatan-bulan-november-2013.html'>Kegiatan NOPEMBER 2013</a></li>
<li><a href='URL'>Kegiatan DESEMBER 2013</a></li>
  </ul>
<li><a href='#'>Pemula</a>
  <ul>
    <li><a href='http://infokursusjahit.blogspot.com/2013/08/jahitan-tangan-yang-sering-digunakan.html'>Tusuk Jahitan Tangan</a></li>
    <li><a href='http://infokursusjahit.blogspot.com/2013/08/mengenal-belahan-busana.html'>Mengenal Belahan Busana</a></li>
    <li><a href='http://tukangjaitgo.blogspot.com/2012/11/cara-pasang-benang-di-mesin-jahit.html'>Pasang benang mesin jahit</a></li>
    <li><a href='http://tukangjaitgo.blogspot.com/2012/11/cara-menjahit-dengan-benar-untuk-pemula.html'>Menjahit dengan benar</a></li>
    <li><a href='http://tukangjaitgo.blogspot.com/2012/11/mengatasi-mesin-jahit-rewel.html'>Solusi mesin jahit rewel</a></li>
    <li><a href='http://infokursusjahit.blogspot.com/2013/08/praktek-menggunakan-mesin-jahit-bagi.html'>Praktek Mesin Jahit Bagi Pemula</a></li>
    <li><a href='http://tukangjaitgo.blogspot.com/2012/11/dopokan-1-dongeng-mesinjait.html'>Dopokan mesin jahit 1</a></li>
    <li><a href='http://tukangjaitgo.blogspot.com/2012/11/dopokan-2-mesinjait-multifungsi.html'>Dopokan mesin jahit 2</a></li>
  </ul>
<li><a href='#'>Hem</a>
  <ul>
    <li><a href='http://kursusjait.blogspot.com/2012/10/praktek-membuat-baju-kemeja-pria.html'>Model hem pria</a></li>
    <li><a href='http://infokursusjahit.blogspot.com/2015/02/tutorial-ukuran-badan-pada-kemeja-pria.html'>Ambil ukuran badan</a></li>
    <li><a href='http://infokursusjahit.blogspot.com/2015/02/tutorial-membuat-pola-kemeja-pria.html'>Membuat pola kemeja</a></li>
    <li><a href='http://tukangjaitgo.blogspot.com/2012/11/cara-memotong-kain-untuk-kemeja-pria.html'>Cara potong kain</a></li>
    <li><a href='http://intankebumen.blogspot.com/2013/01/memotong-kain-pola-dasar-kemeja.html'>Potong kain pola kemeja</a></li>
    <li><a href='http://kursusjait.blogspot.com/2013/03/cara-membuat-krah-kemeja-pria.html'>Membuat krah kemeja</a></li>
    <li><a href='http://kursusjait.blogspot.com/2013/03/seputar-lengan-busana.html'>Seputar lengan busana</a></li>
    <li><a href='http://tukangjaitgo.blogspot.com/2012/11/cara-membuat-lobang-kancing.html'>Membuat lobang kancing</a></li>
    <li><a href='http://infokursusjahit.blogspot.com/2013/08/cara-memasang-kancing-baju.html'>Memasang kancing</a></li>
    <li><a href='URL'>Submenu masih di-otak</a></li>
  </ul>
<li><a href='#'>Celana</a>
  <ul>
    <li><a href='http://kursusjait.blogspot.com/2013/05/cara-membuat-celana-panjang-lengkap.html'>Celana Pria</a></li>
    <li><a href='URL'>Celana Wanita</a></li>
    <li><a href='URL'>Celana Lain</a></li>
  </ul>
<li><a href='#'>Rok</a>
  <ul>
    <li><a href='http://infokursusjahit.blogspot.com/2013/08/membuat-pola-dasar-rok.html'>Membuat Pola Dasar Rok</a></li>
    <li><a href='http://kursusjait.blogspot.com/2013/03/membuat-saku-samping-pada-rok-dan-celana.html'>Membuat Saku Samping Rok</a></li>
    <li><a href='http://tukangjaitgo.blogspot.com/2013/05/cara-menjahit-ban-pinggang-pada-rok-dan.html'>Menjahit Ban Pinggang Rok</a></li>
    <li><a href='URL'>Cara Menjahit Rok</a></li>
    <li><a href='URL'>Rok Pinggang Elastik</a></li>
    <li><a href='URL'>Pola Rok Standar</a></li>
    <li><a href='URL'>Pola Rok 4, 6 dan 8 Ban</a></li>
    <li><a href='URL'>Pola Rok Payung</a></li>
    <li><a href='URL'>Pola Rok Setengah Klok</a></li>
    <li><a href='URL'>Pola Rok Celana Pendek</a></li>
    <li><a href='URL'>Pola Rok Span</a></li>
    <li><a href='URL'>Pola Rok Pias</a></li>
    <li><a href='URL'>Pola Rok Tangkep</a></li>
    <li><a href='URL'>Pola Rok Pelajar</a></li>
  </ul>
<li><a href='#'>Blus Kebaya</a>
  <ul>
    <li><a href='http://intankebumen.blogspot.com/2012/09/b-mengambil-ukuran-badan.html'>Ukuran Badan Baju Wanita</a></li>
    <li><a href='URL'>Membuat Pola Blus</a></li>
    <li><a href='URL'>Aneka Krah Blus</a></li>
    <li><a href='URL'>Aneka Lengan Blus</a></li>
    <li><a href='URL'>Cara Menjahit Blus</a></li>
    <li><a href='URL'>Contoh Model Blus</a></li>
    <li><a href='URL'>Membuat Pola Kebaya</a></li>
    <li><a href='URL'>Aneka Krah Kebaya</a></li>
    <li><a href='URL'>Aneka Lengan Kebaya</a></li>
    <li><a href='URL'>Cara Menjahit Kebaya</a></li>
    <li><a href='URL'>Contoh Model Kebaya</a></li>
    <li><a href='URL'>Jahitan Kerut Benang Elastik</a></li>
    <li><a href='URL'>Jahitan Kerut Pita Elastik</a></li>
  </ul>
<li><a href='#'>Blazer</a>
  <ul>
    <li><a href='http://intankebumen.blogspot.com/2012/09/b-mengambil-ukuran-badan.html'>Mengambil Ukuran Badan</a></li>
    <li><a href='http://intankebumen.blogspot.com/2012/09/c1membuat-pola-blazer-bagian-depan.html'>Pola blazer Depan</a></li>
    <li><a href='http://intankebumen.blogspot.com/2012/10/c2-membuat-pola-blazer-bagian-belakang.html'>Pola blazer belakang</a></li>
    <li><a href='http://infokursusjahit.blogspot.com/2013/08/pola-lengan-blazer.html'>Pola Lengan Blazer/Jas</a></li>
    <li><a href='http://kursusjait.blogspot.com/2012/04/membuat-blazer-1-mengolah-dan-meng-edit.html'>Mengolah Pola Blazer</a></li>
    <li><a href='http://kursusjait.blogspot.com/2012/05/membuat-blazer-2-mengolah-saku.html'>Mengolah Saku Blazer</a></li>
    <li><a href='http://kursusjait.blogspot.com/2012/05/membuat-blazer-3-mengolah-pelapis-dan.html'>Mengolah Pelapis dan Krah Blazer</a></li>
    <li><a href='http://kursusjait.blogspot.com/2012/05/membuat-blazer-4-mengolah-lengan.html'>Mengolah Lengan Blazer</a></li>
    <li><a href='URL'>Lain-lain Blazer</a></li>
  </ul>
<li><a href='#'>Jas</a>
  <ul>
    <li><a href='http://kursusjait.blogspot.com/2013/01/memilih-dan-membuat-jas-pria.html'>Memilih dan Membuat Jas</a></li>
    <li><a href='http://kursusjait.blogspot.com/2013/02/membuat-pola-jas-pria-bagian-1.html'>Membuat Pola Jas Bagian 1</a></li>
    <li><a href='http://intankebumen.blogspot.com/2013/02/membuat-pola-jas-pria-bagian-2.html'>Membuat Pola Jas Bagian 2</a></li>
    <li><a href='http://tukangjaitgo.blogspot.com/2013/02/membuat-pola-jas-pria-bagian-3.html'>Membuat Pola Jas Bagian 3</a></li>
    <li><a href='http://sruwengintan.blogspot.com/2013/02/membuat-pola-lengan-jas-pria.html'>Membuat Pola Lengan Jas</a></li>
    <li><a href='http://kursusjait.blogspot.com/2013/03/memotong-kain-dan-menguji-kemapanan.html'>Potong kain dan uji kemapanan</a></li>
    <li><a href='http://kursusjait.blogspot.com/2013/03/cara-membuat-saku-jas-dan-blazer.html'>Membuat Saku Jas</a></li>
    <li><a href='http://tukangjaitgo.blogspot.com/2012/11/membuat-saku-berkantong.html'>Membuat Saku Berkantong</a></li>
  </ul>
<li><a href='#'>Bordir</a>
  <ul>
    <li><a href='http://intankebumen.blogspot.com/2012/10/menyiapkan-mesin-jahit-untuk-membordir.html'>Menyiapkan mesin untuk bordir</a></li>
    <li><a href='URL'>Cara membordir manual</a></li>
    <li><a href='URL'>Koleksi gambar bordir</a></li>
    <li><a href='URL'>Praktek membordir</a></li>
    <li><a href='URL'>Contoh baju bordir</a></li>
    <li><a href='URL'>Bordir manual vs digital</a></li>
  </ul>
<li><a href='#'>Mitra LPK</a>
  <ul>
    <li><a href='http://infokursusjahit.blogspot.com/2013/08/mitra-lpk-intan-sruweng.html'>Mitra LPK Intan</a></li>
    <li><a href='http://infokursusjahit.blogspot.com/2013/08/laxmi-tailors-jakarta.html'>Laxmi Tailors Jakarta</a></li>
    <li><a href='http://kursusjait.blogspot.com/2013/12/kesempatan-kerja-di-pt-royal-fashion.html'>PT Royal Fashion</a></li>
    <li><a href='http://infokursusjahit.blogspot.com/2014/01/mitra-kerja-antara-lpk-intan-dengan-pt.html'>PT Samwon Busana Indonesia</a></li>
    <li><a href='URL'>Usaha Konfeksi Q</a></li>
    <li><a href='URL'>Usaha Garmen X</a></li>
    <li><a href='URL'>Usaha Garmen Y</a></li>
    <li><a href='URL'>Dan Lain-lain</a></li>
  </ul>
<li><a href='#'>Pasca Latihan</a>
  <ul>
    <li><a href='http://calonjuraganjahit.blogspot.com/2014/05/calon-juragan-jahit-kaos.html'>Calon Juragan Kaos</a></li>
    <li><a href='URL'>Calon Juragan Kemeja</a></li>
    <li><a href='URL'>Calon Juragan Rok</a></li>
    <li><a href='URL'>Calon Juragan Blouse</a></li>
    <li><a href='URL'>Calon Juragan Celana</a></li>
    <li><a href='URL'>Calon Juragan Clana Jean</a></li>
    <li><a href='URL'>Sub Menu 1</a></li>
    <li><a href='URL'>Sub Menu 2</a></li>
    <li><a href='URL'>Sub Menu 3</a></li>
  </ul>
</li>
</li></li></li></li></li></li></li></li></li></li></li>



Hasil dari praktek pembuatan menu dan submenu dapat dilihat dan dirasakan langsung ketika Anda mengunjungi website INFOKURSUSJAHIT.BLOGSPOT.COM dengan cara meng-klik gambar/foto diatas...

Demikian cara membuat menu dan sub-menu di website, semoga dapat menambah wawasan dan pengetahuan.

Terimakasih.