Selasa, 09 Oktober 2012

Cara membuat daftar isi dengan drop down

Diposting oleh Put12a at 00.29

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.

  • Share On Facebook
  • Digg This Post
  • Stumble This Post
  • Tweet This Post
  • Save Tis Post To Delicious
  • Float This Post
  • Share On Reddit
  • Bookmark On Technorati

YOUR ADSENSE CODE GOES HERE

0 komentar:

Have any question? Feel Free To Post Below:

jangan lupa untuk meninggalkan komentar berupa kritik dan saran agar blog ini semakin berkembang dan saya bertrima kasih atas kunjunganya ^_^
dan kalau bisa sobat sekalian jangan menggunakan id Anonim

 

Tukar Link

© 2012 | Modifikasi dan Publikasi Kodokoala. All Rights Reserved.