| 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. |
|
|
|
