Cara membuat daftar isi dengan drop down

16
A+ A-
Print Email
http://tutorialbloggermasnoer.blogspot.com/2011/04/cara-membuat-daftar-isi-dengan-drop-down_53.html
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.
Diposting oleh

Related

48-12-2011

Cara Membuat Read more

48-12-2011

Update cara buat read more, tapi cara ini menggunakan cara manual. Jadi kita memberi read more dengan menyisipkan beberapa kode pada saat kita posting atau menulis artikel. Dan kode tersebut kita leta...

48-12-2011
48-12-2011

Cara Memasang Background Gambar pada postingan

48-12-2011

Banyak cara untuk memperindah blog kita, salah satunya dengan memberi background gambar pada tulisan atau postingan kita, seperti pada halaman ini. Tapi tentunya gambar yang akan kita gunakan sebagai ...

48-12-2011
08-10-2011

Scribe Google fitur terbaru dari blogger

08-10-2011

Baru lagi fitur dari blogger yaitu Scribe Google, blogger mengumumkan ketersediaan saran teks dan fitur AutoComplete dari Scribe Google, yang lulus dari Google Labs dan sekarang dapat ditemukan di Blo...

08-10-2011
Posting Lebih Baru Posting Lama Beranda item
Posting Lebih Baru Cara membuat daftar isi menggunakan efek marquee
Posting Lama Cara membuat background warna gradasi

Posting Komentar

  1. sdn-gedogwetan-0220 Mei 2011 pukul 06.09

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

    BalasHapus
  2. Noer20 Mei 2011 pukul 09.40

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

    BalasHapus
  3. Ady12 Juni 2011 pukul 11.13

    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. Noer13 Juni 2011 pukul 11.22

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

    BalasHapus
  5. najmi merbok27 Desember 2011 pukul 19.17

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

    BalasHapus
  6. Imas Sanjaya28 Desember 2011 pukul 04.27

    ini kalau buat wordpress jadi ga mas

    BalasHapus
  7. Noer28 Desember 2011 pukul 09.34

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

    BalasHapus
  8. Dhita Prianthara11 Januari 2012 pukul 19.31

    thank's infonya

    BalasHapus
  9. ibrahim lubis13 Maret 2012 pukul 08.48

    bagus sekali artikelnya, terima kasih ya

    BalasHapus
  10. Noer Cholis13 Maret 2012 pukul 08.52

    sama - sama....

    BalasHapus
  11. Anselmus Yoseph Yopi28 Mei 2012 pukul 07.20

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

    BalasHapus
  12. radja sectio derian30 Desember 2012 pukul 21.22

    ada yg otomatisnya ga nih ?

    BalasHapus
  13. IndoGemster23 Desember 2014 pukul 08.48

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

    BalasHapus
  14. IndoGemster23 Desember 2014 pukul 08.48

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

    BalasHapus
  15. IndoGemster23 Desember 2014 pukul 16.45

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

    BalasHapus

emo-but-icon
:noprob:
:smile:
:shy:
:trope:
:sneered:
:happy:
:escort:
:rapt:
:love:
:heart:
:angry:
:hate:
:sad:
:sigh:
:disappointed:
:cry:
:fear:
:surprise:
:unbelieve:
:shit:
:like:
:dislike:
:clap:
:cuff:
:fist:
:ok:
:file:
:link:
:place:
:contact:

Tabs

Hot in weekRecentComments

Hot in week

Recent

366-6-2012

Slide down random post

366-6-2012

Satu lagi pengembangan fitur slide show terbaru dari saya. Fitur ini saya beri nama "Slide down random post", sebab fitur ini saya adopsi dan saya kembangkan dari aplikasi recent post yang tampil seca...

366-6-2012
324-10-2012

Slice Random Recent Post

324-10-2012

Dilihat sekilas memang recent post ini tampak seperti biasa, dan hanya tampil judul artikel saja. Tapi sebenarnya recent post ini memiliki tampilan yang lebih, yaitu effek slice atau sebuah lapisan ya...

324-10-2012
914-7-2012

Buat Toko Online dengan blogger tidak kalah Profesional

914-7-2012

Bersamaan dengan Lounching Perdana Toko Online "Jogja Smart", saya ingin berbagi pengalaman  dan pengetahuan tentang blogger kepada sobat - sobat blogger yang mampir di blog tercinta ini.Kendati ...

914-7-2012
323-15-2012

Cara mengaktifkan Thread Comments blogger

323-15-2012

Melihat penggunaan Thread Comments yang ada pada template bawaan blogger, buat saya sangat disayangkan bila dilewatkan. Sebab Thread Comments ini memiliki fitur yang lebih dibanding form komentar yang...

323-15-2012
353-12-2012

Cara Pasang Rating Bintang Rich Snippets

353-12-2012

Bagi yang belum atau masih kesulitan memasang Rating Bintang dan Rich Snippets, berikut langkah yang paling pas dan mudah untuk memasang Rating Bintang dan Rich Snippets.Sebelum menuju caranya, sebaik...

353-12-2012

Comments

10-14-2020

VektorSagara:

10-14-2020

Thanks Bray, work..2020.

10-14-2020
8-16-2019

Manly tours:

8-16-2019

artikel ini beserta kode kodenya untuk di passang di website blogger ya mas keren juga mas saya kepingin tapi saya tidak menggunakan website blogger yang saya gunakan website word press, kalau begitu...

8-16-2019
4-11-2015

peluang usaha:

4-11-2015

wah.. keren nih..tanks gan dah share

4-11-2015
3-1-2015

muhammad isra:

3-1-2015

kalau batas waktu 10, apa tidak terlalu cepat gan....salam sukses selalu...ditunggu kunjungan balik dan kritik sarannya......

3-1-2015
2-25-2015

agen wsc biolo:

2-25-2015

thanks very much

2-25-2015
item