The name of this menu is drop down menu.
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 onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" name="menu"><option>- Blog FOr Noob - </option><!-- change the links with your own --><option value="http://niteshkothari.com">Start to blogging</option> <option value="http://niteshkothari.com">Blog setting</option> <option value="http://niteshkothari.com">Backup template</option> <option value="http://niteshkothari.com">backup widget</option> </select></form>
This is the result :
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 dasboard page , click Layout.
3. Click at Page Element tab.
4. Click at Add a Page element.
5. After emerging pop up window , Click add to blog button for the things HTML/JavaScript.
6.Copy and paste the code below into available column :
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" name="menu"><option>- Blog FOr Noob - </option><!-- change the links with your own --><option value="http://niteshkothari.com">Start to blogging</option> <option value="http://niteshkothari.com">Blog setting</option> <option value="http://niteshkothari.com">Backup template</option> <option value="http://niteshkothari.com">backup widget</option> </select></form>
7. Click Save
8. Finish. Please see the result.
Now you have a dropdown menu at your blog.
Comments :
0 comments to “How To make the menu drop down?”
Post a Comment