> Cara membuat daftar isi dengan drop down

Sabtu, 30 April 2011

21

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.
Ping your blog, website, or RSS feed for Free



Informasi Artikel :
Judul : "Cara membuat daftar isi dengan drop down"
Diulas Oleh : | Sabtu, 30 April 2011 | 17.48
Description : Selain scroll box , menu drop down juga sangat berguna sekali untuk menghemat tempat, terutama bila halaman web atau blog sudah penuh dan ...

Rating : 6.4 Dari 10, Berdasarkan 2100+ Dari 21 000+ Pengunjung.



21 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. najmi merbok...,jika anda ingin menu drop down diletakkan pada side bar..., anda tinggal add gadget dan pilih "javascript/HTML". Tanpa hrus edit HTML Template.

    BalasHapus
  7. ini kalau buat wordpress jadi ga mas

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

    BalasHapus
  9. Gan, numpang tanya iya...
    bgmn cara menyesuaikan ukuran menu-nya..?? soalnya ane letak tu menu drop down disblh kiri blog tapi ukurannya melebihi batas template...
    mohon solusinya

    BalasHapus
  10. Michael Steven..., silahkan anda perhatikan kode dropdown diatas,yg saya cuplik seperti berikut :

    -------------------------------
    size="1" name="menu-drop-down">
    -------------------------------

    Anda tinggal menambahkan atribut style-nya saja dan ukuran lebar tinggal disesuaikan dengan ruang gadget anda, shg jadi seperti berikut:

    ----------------------------------------------
    size="1" name="menu-drop-down" style="width: 150px;">
    ----------------------------------------------

    Silahkan dicoba, semoga membantu.....

    BalasHapus
  11. bagus sekali artikelnya, terima kasih ya

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

    BalasHapus
  13. Tangks Gan Tutorialx

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

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

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

    BalasHapus

BLOGGER

TUTORIAL BLOGGER

TUTORIAL BLOGGER

REKOMENDASI

REKOMENDASI

Artikel Terbaru

POST POPULER

Entri Populer



BLOGGER

Comments

HTML

Side Ads

CSS

Footer Ads

JAVASCRIPT

Random News


BACKLINK

INFO

Bagi anda yang berminat tukar link, silahkan copy linknya lalu pasang di Blog anda. Dan bila sudah terpasang, jangan lupa beritahu saya, agar link anda segera saya pasang di Blog tercinta ini.

CEO
BLOG MAS NOER

Noer cholis


Plosokuning V, Minomartani, Ngaglik, Sleman, Yogyakarta.

TUKAR LINK

TUKAR LINK






Baca artikel "Manfaat Tukar Link"













Baca artikel "Manfaat Tukar Link"

LINK SAHABAT

LINK SAHABAT


CHAT

CHAT




TESTIMONI

Follow Us

Bila anda merasa artikel ataupun tutorial yang ada di Blog ini bermanfaat, anda bisa berikan suport comment melalui form ini. Form ini sangat bagus sebagai BACKLINK buat blog anda, silahkan tinggalkan link anda....

RECENT COMMENT

Recent Comments


top down