Home > Support > Placing Your Code > Software >

HotMetalPro
Step by step directions for adding a search box using HoTMetaL PRO:
 
 
1. Print this page for easier reading.
 
2. Log into your siteLevel account.
 
3. Click on the "Search Box Options" tab, and click on the "Get JavaScript Search Box Code" link.
 
4. Highlight the code for your JavaScript search box and, at the very top of your Web browser window (in the top toolbar), click on "Edit" and "Copy" to copy your search box code.
 
5. Run HoTMetaL PRO.
 
6. Open the Web page that you would like to add a search box to.
 
7. Click on "View" and "WYSIWYG" at the top of the HoTMetaL PRO editor.
 
8. Move the cursor to where you want the search box on the page.
 
9. Click on "View" and then click "HTML Source".
 
10. In the top toolbar, click on "Edit" and "Paste" to paste your search box code.
 
11. Click on "View" and click on "WYSIWYG" to preview the search box on the page.  If the search box appears as you would like, please go on to Step 12 below.
 
If your search box appears in the wrong place on the page, please click on "Edit" and "Undo" at the top of the HoTMetaL PRO editor, then go back to Step 8 to try placing you search box code again.
 
12. Click on the single disk icon (a.k.a. the "Save" button) to save the document.
 
13. Open the document in a browser window to verify that your search box is placed where you would like.
 
If you would like to change the placement of your search box, click on "Edit" and "Undo" at the top of the HoTMetaL PRO editor, then go back to step 8 to try placing your search box code again.
 
14. Upload your page to your server.
 
 
Congratulations!  You have successfully added your search box to your site!
 
 
© Copyright 2024, whatUseek, Corp.  Terms  Privacy Policy  Feedback