FeedBurner
Creating Drop Down Favorite Links Lists - All Platforms
Making up drop down lists for your favorite links is easy but it has to be done manually. This means you have to write in each link by hand. Not difficult by any means but if you have a very long list it could get tedious. The end results however are very much worth it.
A Drop Down Links List Example
I’ve included width adjustments in the first line of the code, 190 pixels which is close to the width of most sidebars. Yours may be more or less depending on the template, feel free to adjust them according to the width of your sidebar. The first width is for older browsers that don’t handle css styles properly, the second width is for css styling. If you need to adjust the width either narrower or wider you should change both numbers to the same width.
I’m going to give you the code to make the first couple lines, change the URL and site name to suit the link you’re making, just make a new line for each link you want to add to the list, each beginning and ending with the option tag. The list can be as long as you want with no limitations. Feel free to change the top name from Favorite Links to anything you want as well, such as Blog Roll or Fave Links. You can also change the font size by adding in an additional css style to the top line such as font-size:9px; or smaller like font-size:8px; directly after the width:190px;
Your Favorite Links Drop Down List - All Platforms
Copy/Paste below code into your sidebar to get started
<select name="favelinkslist" width="190" style="width:190px;" onChange="location.href=this.options[this.selectedIndex].value;">
<option value="/">Favorite Links</option>
<option value="http://yoursite.com/">Your Site</option>
<option value="http://yoursite.com/">Your Site</option>
</select>
I hope you found this tutorial helpful! Comments appreciated, questions answered!
Technorati tags: drop down list, wordpress, blogger, tutorials, blogging tips
