Add an HTML Box to classic Google Sites
Navigate to the page where you want to add the HTML, CSS or JavaScript.
Use the Insert menu, then HTML Box.
Once the Insert HTML Box editor appears add the code you want to use.
Google Sites checks the code, while you edit, for errors and will not add the code to the page until correct.
Once finished use the Save button on the Insert HTML Box.
Use the Save button to save the page and view the page with your new code.
The HTML Box will not allow all code, e.g. you cannot make calls to external JavaScript files, but you can use JavaScript embedded on the page.
Site Search Box anywhere on the page
Sample Code
<form id="sites-searchbox-form" action="[SiteURL]/system/app/pages/search">
<input type="hidden" id="sites-searchbox-scope" name="scope" value="search-site" />
<input type="text" id="jot-ui-searchInput" name="q" size="20" value="" aria-label="Search this site" autocomplete="off" />
<input type="submit" id="sites-searchbox-search-button" class="goog-inline-block jfk-button jfk-button-standard" tabindex="0" value="Search this site" />
</form>
Instructions
Insert a HTML Box as described above in steps 1 to 3
Copy and paste the code above to make a Site Search box (make sure you add the full site URL to the action attribute)
Use the Save button on the Insert HTML Box.
Use the Save button to save the page and view the code.
You will see a search box that looks just like the site search box, a working example follows (remember this is not a gadget and is on the page).
