Home > Support > Placing Your Code > Software >

Step by step directions for adding a search box using Dreamweaver:
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 the Dreamweaver program.
6. Open the Web page that you would like to add a search box to.
7. In the editor window, type "insert-text-box" where you would like your search box to appear.
8. In the Launcher window, click on "HTML Source".
9. Find and highlight the text "insert-text-box".  If you have difficulty in finding this text, you can click the right mouse button and use the "Find" function.
10. With "insert-search-box" highlighted, press <CTRL> V to paste your search box code.
11. Close the HTML Source window by clicking on the "X" button in the upper right hand corner.
12. At the top of the Dreamweaver window, click on "File" and "Preview in Browser" and select (click) from the list the browser that you would like to preview your page in.
13. In the browser window that appears, check to make sure that your search box is placed where you would like.  If it is, proceed to step 14.  If it is not, click on "Edit" and "Undo" at the top of the Dreamweaver window two times (the first time to get rid of the search box code and the second to get rid of the "insert-search-box" text), then go back to Step 7 above and try placing your search box code again.
14. Click on "File" and "Save" at the top of the Dreamweaver window to save the document.
15. 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