Cara membuat drop down Menu

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

- Blog Tutorial - Dofollow dan Nofollow Headline Widgets

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:

- Blog Tutorial - Dofollow dan Nofollow Headline Widgets

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:


4. Klik pada Tambah Gadget.

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



6. Masukkan code tadi:

7. klik butang

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 .