How to create drop down menu

A blog reader asked (desperate) for a way to create a pull down menu for his posts of recipes. I have got good and bad news for him. The good news is that there is a simple way to get a drop-down menu. Use Drop-down Menu Generator, which I used to generate a script to paste into a HTML/Javascript Page Element. The bad news for me is that the width of the drop down menu is dependent on the description (post title or anchor text) you put for the link to the post.

If he is still interested in doing it, this is how to proceed to generate the drop-down menu. For this task, it will be helpful to use a browser like FireFox which have tabbed browsing. In one tab, log into the Blogger account and click "POSTS" for the relevant blog. A page with with a list of posts will appear. Right click on "VIEW" on one of the post and select "Copy Shortcut" to copy the post URL into the clipboard.



Open another tab and surf over to Drop-down Menu Generator. Paste the URL into the "Link URL" field. Then type the title of the post into the field for "Text shown". Continue the same process until you have entered all the post you want to appear in the drop-down menu, or you run out of fields to paste the Link URL.



Click on "Generate" and the script will be generated into the window below. Highlight all the script, copy into clipboard, then in the tab for the Blogger account, paste it into a HTML/Javascript "Add a Page Element" window and save.
Enjoy it

0 comments: