Yahoo Sitebuilder is a point-and-click page editor that takes all the control on its own so the menu integration is not as simple as in other html editors that let you handle the code by yourself.
Homestead also uses a similar web editor and the following steps are also applicable for this tool.
1. Make sure that none of the pages is open in Sitebuilder.
2. Open/Create your menu in AllWebMenus.
3. Click on Tools and then click on Compile Menu.
4. Click the "Continue" button. (or if you prefer check the "do not show this dialog in the future" box)
5. Save your Javascript file (.js) in your yahoo site directory.
6. Click on "I want to link the compiled menu to my web pages (required step)"
7. Choose the appropriate webpage(s) in the home directory (ie : :\Program Files\Yahoo SiteBuilder\sites\www.jamesriverphotos.com\ yourwebpage.html) and click on the Link button.
8. Click on YES to preview (this is very important)
9. Click on Preview Page
10. Right Click on the webpage that appears and choose View Source from the menu box.
11. Scroll down to the bottom of the HTML until you find
<!-- DO NOT MOVE! The following AllWebMenus linking code section must always be placed right AFTER the BODY tag-->
<!-- ******** BEGIN ALLWEBMENUS CODE FOR menu ******** -->
<script type="text/javascript">var MenuLinkedBy="AllWebMenus[4]", awmMenuName="menu", awmBN="628"; awmAltUrl="";</script>
<script charset="UTF-8" src="menu.js" type="text/javascript"></script>
<script type="text/javascript">awmBuildMenu();</script>
<!-- ******** END ALLWEBMENUS CODE FOR menu ******** -->
12. Highlight your similar HTML and press Ctrl-C to copy and exit without saving.
13. Close the preview webpage.
14. Return to Sitebuilder and reopen yourwebpage(s) and immediately click on Publish. This will wipe out any local changes that were made during the link process with AllWebMenus. Yahoo Sitebuilder always wipes out the AllWebMenus link process. That's why we will use the HTML Snippet function in Homestead.
15. Click on the Sitebuilder menu and create an "HTML Snippet"
16. Open the HTML Snippet and paste the HTML code you copied
17. Now move the HTML Snippet anywhere on the page that you would like your menu to appear.
18. Save your webpage
19. Go to the file listing in Sitebuilder and click on "refresh"
20. Your .js file and a subdirectory of awmData-yourwebmenu should appear
21. Click on each of these and then click on Publish
22. Now Publish yourwebpage and preview yourwebpage and your menu should appear. It will work for any type of menu created.
Tips:
- If you want your webmenu to appear exactly where you put your HTML Snippet be sure to make Horizontal and Vertical Distance from Edge value=0. The movement of your HTML Snippet in Sitebuilder will determine where your menu appears.
- Later, each time you make a change to your menu, you should save as the same file name as the original and click YES to replace. Then when asked to create a link click on "I'm done, I've already linked the menu to my pages before" button. Then in Sitebuilder files list click on Refresh and Publish the .js file again.
Also be aware that some changes to your menus may change the awm-Datayourwbpage directory items. Check now and then for highlighted files to publish.
