Cara membuat daftar isi dengan drop down

Selain scroll box, menu drop down juga sangat berguna sekali untuk menghemat tempat, terutama bila halaman web atau blog sudah penuh dan sementara masih banyak yang ingin tetap ditampilkan pada halaman tersebut.
Bedanya tampilan menu drop down lebih praktis dibanding dengan scroll box, dan menu drop down hanya berfungsi untuk membuat sebuah List atau daftar. Anda bisa gunakan menu drop down ini untuk membuat daftar isi pada web atau blog anda.
Bila anda berminat, dibawah ini adalah contoh bentuk menu drop down :


Judul Menu Drop Down

Berikut kodenya, silahkan anda bisa copy kodenya dan ganti ULR Artikel sert Judul Artikelnya:
<h3>Judul Menu Drop Down</h3>
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" name="menu-drop-down"><option /> <h3>TUTORIAL BLOGGER</h3>
   
<option value="ULR Artikel">Judul Artikel</option>
<option value="ULR Artikel">Judul Artikel</option>
<option value="ULR Artikel">Judul Artikel</option>
<option value="ULR Artikel">Judul Artikel</option>
<option value="ULR Artikel">Judul Artikel</option>
<option value="ULR Artikel">Judul Artikel</option>
<option value="ULR Artikel">Judul Artikel</option>
<option value="ULR Artikel">Judul Artikel</option>

</select></form>

Untuk menambahkan daftar, anda tinggal menambahkan lagi kode berikut :

<option value="ULR Artikel">Judul Artikel</option>

Mudah kan...??
Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.

Related

Tutorial Blogger 1271097358640639588

Posting Komentar

  1. makasih ya mas aku dah lama pengen cari cara yang mudah baru di blognya mas ini aKU dapet. Makasih ya mas

    BalasHapus
  2. Sama - sama, Selamat mencoba dan Semoga bermanfaat....

    BalasHapus
  3. Makasih bos atas artikelnya, BTW ble tukaran link bos? ane dah pasang URL bos di blog ku! kalau ada ilmu lagi di share ya bos!

    BalasHapus
  4. Ady...,sama - sama, Terima kasih atas kunjungannya...
    Link anda juga sudah terpasang di blog ini.

    BalasHapus
  5. tumpang bertanya ertikal tersebut nak letakkan di mana yek ,, samaada di css,gadget html,atau pun di html templet

    BalasHapus
  6. ini kalau buat wordpress jadi ga mas

    BalasHapus
  7. Imas Sanjaya...., bisa. Silahkan dicoba saja...

    BalasHapus
  8. bagus sekali artikelnya, terima kasih ya

    BalasHapus
  9. mas mau tanya script bwat menampilkan list menu ke text box ada gag??

    BalasHapus
  10. wah terimakasih nih mas setelah muter muter akhirnya nemu juga dropdown yang cocok dan simple.

    BalasHapus
  11. wah terimakasih nih mas setelah muter muter akhirnya nemu juga dropdown yang cocok dan simple.

    BalasHapus
  12. saya dah coba pasang mas tapi ukurannya kecil, gimana buat rubah ukurannya biar pas lebar widget.

    BalasHapus

emo-but-icon

Hot in week

Recent

Comments

item