Adakah anda pernah melihat menu seperti di bawah ini? sila klik di menu untuk melihat kesan daripada menu ini:






Nama menu ini adalah menu drop down.

Untuk membuat menu dropdown, anda hanya membuat kode seperti ini:


<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected> Your text title here! </option>

<option value=" your address link here "> the text here will be display </option> </select></form>



Sebagai contoh, kod seperti berikut:



<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>

<option>- Blog Tutorial - </option>

<!-- change the links with your own -->

<option value="http://jeritanblog.blogspot.com/2010/06/edit-html-3.html">Dofollow dan Nofollow</option>

<option value="http://jeritanblog.blogspot.com/2010/06/headline-widgets.html">Headline Widgets</option>


</select></form>

Ini hasilnya:



Anda boleh membuat menu drop down lebih dari satu, hanya membuat kod lebih dari satu, sehingga sangat mudah.


Sekarang, bagaimana cara menambah kod ini ke blog anda. Ini adalah langkah:

1. Masuk ke blogger dengan ID anda

2. Selepas meletakkan laman dasboard, klik Layout. Silakan melihat gambar:


susunan


3. Klik pada tab Elemen Halaman. Lihat gambar di bawah ini:
page element

4. Klik pada Tambah Gadget.

5. Setelah muncul pop up, Klik butang tambah ke blog untuk hal-hal yang HTML / JavaScript. Lihat gambar berikut:
javascript


6. Masukkan code tadi:

7. klik butang save changes

8. Habis dan tengok blog anda.

Ok ,Jumpa kita pada artikel akan datang.

*Anda dibenarkan untuk menyalin dan menyebarkan artikel ini di blog anda tetapi jangan lupa tulis sumbernya .