How To Make a drop down Menu

-kphoc blog-



kphoc News

Announcement

Honda-Tech

Featured Cars

To make the dropdown menu, you only make the code be like this :

<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>

For example, the code such as the following :

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

<option>- kphoc blog - </option>

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

<option value="http://kphoc-09.blogspot.com/search/label/news/">kphoc News</option>

<option value="http://kphoc-09.blogspot.com/search/label/announce/">Announcement</option>

<option value="http://kphoc-09.blogspot.com/search/label/honda%20tech/">Honda-Tech</option>

<option value="http://kphoc-09.blogspot.com/search/label/review/">Featured Cars</option>

</select></form>

You can make the drop down menu more than one, just make the code more than one, so very simple.

Now, how to add this code to your blog. This is the step :

1. Login to blogger with your ID

2. After entering the dashboard page , click Layout.

3. Click at Page Elements tab. See the picture below :



4. Click at Add a Gadget.

5. After emerging pop up window , Klik add to blog button for the things HTML/JavaScript. See the picture following :



6. Copy and paste the code below into available column :

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

<option>- kphoc blog - </option>

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

<option value="http://kphoc-09.blogspot.com/search/label/news/">kphoc News</option>

<option value="http://kphoc-09.blogspot.com/search/label/announce/">Announcement</option>

<option value="http://kphoc-09.blogspot.com/search/label/honda%20tech/">Honda-Tech</option>

<option value="http://kphoc-09.blogspot.com/search/label/review/">Featured Cars</option>

</select></form>

7. Click Save button.

Finish.