Embed map into Yahoo! SiteBuilder

Using iMapBuilder map maker. You can embed interactive map into Yahoo! SiteBuilder easily.

Tips: You can also use iMapBuilder Online to create interactive map and embed into WordPress, BlogSpot, Joomla and other blogging or CMS website.

In case you don't have a web hosting, we suggest you try iMapBuilder online - which is the web based version of iMapBuilder, and requires no FTP to your server, therefore you can get rid of handling files or folders. For the steps of embedding maps created by iMapBuilder online into Yahoo! SiteBuilder, click here.

  1. After you have created your own map, please click the "Publish" button to publish and upload the files to your server. For details, please visit here.
  2. In Publishing Window, check 'Use Full path for the embed code and enter the URL where the /imapbuilder/ folder is saved. For example, http://www.example.com. Click 'Copy to Clipboard' button.



  3. Run Yahoo! SiteBuilder, open an existing site or create a new site. Click the page tab (e.g, index.html) that you want to add the map.



  4. Select Insert -> Code Elements -> HTML to open the HTML editing panel of the site.



  5.  A HTML Code pop-up window is now displayed, paste the iMapBuilder embed code into the HTML code dialog by clicking inside the empty field. Click 'OK' to continue.



  6. Square-shaped resize handles will appear. Click on one of these resize handles and drag the image to a desired size. You can also drag the element to the desired location, then release the mouse button.

    drag the image to a desired size



  7. Select File -> Preview in Browser to preview the page with interactive map embedded.