This tutorial will show you how to add Google's Custom Search bar to the navigation of your Weebly site.
Step 1. Open Weebly's HTML/CSS Editor
Click on "Design" at the top of the page, and then click on "Edit HTML/CSS" on the bottom left side of the page.
Step 2. Select your site's layout
Select the page layout your site uses on the left, and scroll down to the navigation code.
Note: If you use multiple page layouts for your site, you will need to perform this process for each individual page layout that you use. The search bar will only appear on the page layouts you customize.
Step 3. Delete some HTML coding
Delete the orange coding as depicted by the example code below:
Step 4. Add some HTML coding
Add the orange code to the coding from the previous step as shown below: