Cara menambahkan Jumlah Tab Menu Pada Laman Keren

Lanjut pada permasalahan.
Dibawah ini adalah Gambar dan Coding Tab Menu 3.
gambar menu 3













<li><a class='arrow' href='#'><span>Menu 3</span>Keterangan Disini</a>
<ul>
<li><a href='#'>Sub menu 1</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 2</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 3</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 4</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 5</a></li>
</ul>
</li>


Diatas Merupakan coding Satu tab Jumlah menu Pada Laman Keren.
Lihat Gambar Berikut.
gambar menu 3












Jika Anda Ingin Menambahkan Satu Tab Lagi Disamping Menu 3 maka copylah Coding tersebut dan Pastekan kembali dibawahnya.Dan gantilah Menu 3 dengan nama yang Anda inginkan.Contohnya "Menu Tambahan".
Contoh Coding :

<li><a class='arrow' href='#'><span>Menu 3</span>Keterangan Disini</a>
<ul>
<li><a href='#'>Sub menu 1</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 2</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 3</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 4</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 5</a></li>
</ul>
</li>

<li><a class='arrow' href='#'><span>Menu Tambahan</span>Keterangan Disini</a>
<ul>
<li><a href='#'>Sub menu 1</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 2</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 3</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 4</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 5</a></li>
</ul>
</li>

Maka akan menjadi seperti gambar ini.












Begitulah cara menambahkan tab menu pada "Bentuk laman Keren".


5 komentar:

  1. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  2. Mantap Pak...sip keren banget. Mudah-mudahan saya bisa menerapkannya di http://buana-kata.blogspot.com. Salam. Sukses selalu buat Anda.

    BalasHapus
  3. thanks gan sangat membantu bagi kami yg newblogger, ada pertanyaan nih? bagaimana cara kita edit Menu Bar dan sub menu tersebut agar bisa di isi, atau bisa dlink kan dengan posting blog saya, mohon bantuannya Gan...

    BalasHapus
  4. Terima kasih gan,, o ya ganti aja tanda # tersebut dengan link yang anda inginkan

    BalasHapus