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:
Weebly Tricks is a third-party Weebly 'after market' site providing themes, tutorials, and widgets for Weebly sites. Weebly Tricks is not affiliated with Weebly, Inc in any manner. Not all tutorials work for every site and may require additional customizing. Always save your files before editing.