making dropdown menu for blogspot

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. I used it to do a drop-down menu for the posts in this blog: Food, Drinks and Recipe. It is at the top of the main column and will be displayed in the main page as well as the individual post pages (permalinks). I had originally planed to put it in the sidebar, but because the post titles were long, the width of the drop-down menu generated was too wide for the sidebar, so I had to put it above the main column. If you want something similar, you will need to know how to add an extra "Add a Page Element" for the main column.

The bad news for him is that there is only a limited number of posts he can put in the drop-down menu, and I doubt that would be sufficient for his long list of recipes. However, I suppose this drop-down menu can still be useful for making drop-down menus like for blogs, etc.

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.