Tuesday, May 1, 2012

How To Create Two Types Of Easy Drop Down Menus For Your Blog


Drop Down menus can be used in so many ways in your blog from creating a menu for your visitors to linking to past posts.Their popularity is mainly down to how tidy they are taking up little room yet displaying an infinite amount of links that would otherwise fill your blog.Here i will cover two types of html drop down menu
.Both these menus can be added in your posts/sidebar are anywhere you want them.

1.A drop and click menu.

2.A drop down menu with a go button.

Drop and click :

Here is how the menu looks:



And here is the code that makes the menu:
<select id="Select1" onchange="window.open(this.options[this.selectedIndex].value,'_blank');this.options[0].selected=true" class="text_noresize" name="select">
<option selected="selected">Change This To Title You Want</option>
<option value="http://okkomadewaltricks.blogspot.com/"> This is the title of your first link</option>
<option value="http://okkomadewaltricks.blogspot.com/"> This is the title of your second link</option>
<option value="http://okkomadewaltricks.blogspot.com/"> This is the title of your third link</option>
<option value="http://okkomadewaltricks.blogspot.com/"> This is the title of your forth link</option>
<option value="http://okkomadewaltricks.blogspot.com/"> This is the title of your fifth link</option>
</select>


Just copy the code above paste it were you want your menu and you just have to make a few quick changes.

1.The text in red is displayed on the front of your menu just change to suit.
2.Change each of the URLs in green and their corresponding titles in blue to suit.
3.You can of course add more links or remove links.


This is a drop down menu with a GO button:






And this is the code:



<form title="jump">
<select name="menu">
<option value='URL ------- 1 here' > title 1</option>
<option value='URL ------- 2 here' > title 2</option>
<option value='URL ------- 3 here' > title 3</option>
<option value='URL ------- 4 here' > title 4</option>
<option value='URL ------- 5 here' > title 5</option>
<option value='URL ------- 6 here' > title 6</option>
</select>
<input type="button" onClick="
location=document.jump.menu.options
[document.jump.menu.selectedIndex].value;" value="GO">
</form>




This menu has two differences,
First it has a go button
Second the title of the first link is the title displayed on the front of the menu.

If you need more help or have an opinion or suggestion,
Please leave a comment Below.

You an change GO in red to select/advance etc....
Add your UR L's and Ti tiles as shown with the first menu.
You don't change name="menu"

Job Done !

Both very effective and both very simple.


0 comments

Post a Comment

All Labels

Android Android Tricks Apple Apple Tricks being Bentley beyond Black Blizzard Blogger Blogger Gadget Blogger Tricks Bluetooth brilliance Buffalo business Business camera Camera Canon Canons Carrier cellular Cellular Challenge Chicken Chrono Cisco Close Cloud collaboration com combined Comics coming Command Computer Tricks Concept Concepts Confirmed Connect Connector Continental Conundrum Coolpix Creed Dawnguard defeat details Diablo doesnt Double dramatic Droid durable E-Money EA4500 Edition energizing EOS1D Episode Essentials expansions Facebook Tricks Fantasy Featured features Ferrari figure Final first footage forget Fourth Freeform Freeman front Gadgets News Galaxy Game News gameplay games Gamesplanet GamesRadars GConnect Google Gordon Grand GreatCall Griffin GTechnology Guardians Guild Hacking Tricks HalfLife HDPATU3 HE400 Headphones HiFiMan Hitman holder horrifying Iconia IdeaPad Incredible ingame Innergie Inspiration Internet Tricks iPhone iSung itself Jelly Jitterbug Justice Kickstarter Killer killing launch launches leaked Lenovo Lexus lifted Limbo Limited Linksys loads Local MacBook Machines Make Money Marvel Mazda Micro Microsofts MiddleEarth might MiniStation Mission mobile Mobile Tricks Monster montage Mount MS Office News Nexus Nikon North October offers Online Optimus Other Other Tricks partially parts Payne phone phones physics planned player PlayStation PocketCell potential power Premium Professional Quantum Quarters Raider ready really Rechargeable recut register release released remixed Remote Resident resolution restrictions revealed review Robot roundup Router running sample Samsung Sauron season September sequel Series shows Shure silver Skyrims Smart smashing Sniper sniping Software Tricks Something Sonos Special sports SRH1440 stirs Studios stuff subway Summer Supertrailer Tablet Tacoma teased Technology Tegra Telltale Theres thickness things Thirds Thunderbolt today Toshiba Total Touring Toyota trailer trailers Tricks turning unlocked Unofficial Unveiled Valve Verizon video videos Virus Tricks Walking weeks Which Window Windows Windows 7 Windows 8 Windows Vista Windows XP winners Wireless zombie